/*!
Theme Name: Rodman Media Core
Theme URI: https://rodmanmedia.com/
Author: Saurabh Gandhe
Author URI: https://rodmanmedia.com/
Description: Rodman Core Theme. 
Version: 1.0.0
Text Domain: Rodman Media Core
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
@import url(color.css);
@font-face {
    font-family: 'BebasNeueProBold';
    src: url('css/fonts/BebasNeuePro-Bold.woff2') format('woff2'),
        url('css/fonts/BebasNeuePro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
body {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    line-height: 29px;
    font-weight: 400;
    color: var(--black);
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin: 0}
p {
    font-size: 18px;
    line-height: 29px;
    color: var(--black);
}

.lead-text {
    font-size: 20px;
    line-height: 30px;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
    color: var(--pink);
}

img {
    max-width: 100%;
    font-style: italic;
}

img.icon {
    width: 2rem;
}
main{
    overflow: hidden
}
header,
section,
main,
footer {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    position: relative;
    font-style: normal;
}

h1 {}

h2 {
    font-size: 28px;
    line-height: 1.53846;
    margin-top: 20px;
    margin-bottom: 10px; 
}

h3 {
    font-size: 20px;
    line-height: 1.5;
}

h4 {}

h5 {}

.arrow-btn {
    font-size: 12px;
    line-height: 1.5;
    font-weight: 700;
    color: var(--pink) !important;
    text-decoration: none;
}

.arrow-btn svg {
    color: var(--pink);
    transition: .3s ease-in-out;
    transform: translateX(0);
}

.arrow-btn:hover svg {
    transform: translateX(6px);
}


.btn-white {
    width: 166px;
    background-color: var(--white);
    border-radius: 20px;
    font-size: 12px;
    text-align: center;
    display: inline-block;
    color: var(--black);
    font-weight: 500;
}

.btn-white:hover {
    color: var(--black);
}

.btn-pinik {
    width: 166px;
    background-color: var(--pink);
    border-radius: 20px;
    font-size: 12px;
    text-align: center;
    display: inline-block;
    color: var(--white);
    font-weight: 500;
}

.btn-pinik:hover {
    color: var(--white);
}
.container {
    max-width: 1320px;
    width: 100%;
    padding: 0 20px;
}
.c-btn-primary {
    background-color: var(--pink);
    border-radius: 20px;
    color: var(--white);
}
.c-btn-primary:hover {
    background-color: var(--light-pink);
    color: var(--white);
}

.header-black {
    background-color: var(--black);
}
.ad-bar-top {
	width: 100%; height: 350px; background-color: var(--black);
}

/* Start Home Style */

/* Start Header Style */

.header-wrap {
    z-index: 999;
    padding-top: 98px;
}

.header-wrap .container {
    max-width: 1320px;
}

.header-main {
    padding-block: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: grid;
    gap: 15px;
    grid-template-columns: 95px 1fr -webkit-max-content;
    grid-template-columns: 95px 1fr max-content;
}

.logo {
    width: 170px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.logo a {
    width: 100%;
}

.header-cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.main-nav > nav > ul {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    margin: 0;
    padding: 0;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: hidden;
}

.main-nav > nav > ul > li {
    font-size: 14px;
    line-height: 1.50685;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 !important;
    padding: 0 5px;
    white-space: nowrap;
}

.main-nav > nav > ul > li > a {
    color: var(--black);
    display: block;
    padding: 8px 0;
    position: relative;
}

.main-nav > nav > ul > li > a:hover {
    color: var(--pink);
    text-shadow: 0 0 0 var(--black);
}

.main-nav > nav > ul > li:not(:last-child) {
    margin-left: 12px;
    margin-right: 12px;
}

.main-nav > nav > ul > li:first-child {
    padding-left: 0;
}

.main-nav > nav > ul > li.has-nav > a::after {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.2 5.9'%3E%3Cpath fill='%239d2360' fill-rule='evenodd' d='M.8 5.9l4.3-4.3 4.2 4.3.9-.8L5.1 0 0 5.1z' clip-rule='evenodd'/%3E%3C/svg%3E");
    cursor: pointer;
    display: inline-block;
    -webkit-filter: brightness(0);
    filter: brightness(0);
    height: 10px;
    margin-left: 6px;
    position: relative;
    -webkit-transform: scaleY(-1) translateY(-2.5px);
    -ms-transform: scaleY(-1) translateY(-2.5px);
    transform: scaleY(-1) translateY(-2.5px);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    width: 10px;
}

.main-nav > nav > ul > li.has-nav > a.active {
    color: var(--pink);
    text-shadow: 0 0 0 var(--pink);
}

.main-nav > nav > ul > li.has-nav > a.active::after {
    -webkit-filter: brightness(1);
    filter: brightness(1);
    -webkit-transform: scaleY(1) translateY(-0.1rem);
    -ms-transform: scaleY(1) translateY(-.1rem);
    transform: scaleY(1) translateY(-0.1rem);
}

.main-nav > nav > ul > li > a > svg {
    width: 14px;
    height: 14px;
}
.has-dropdown{display: none;}
.show-dropdown{display: block;}
.menu-dropdown li{display: none}
.menu-dropdown {
    list-style: none;
    margin: 0;
    background-color: var(--white);
    border-radius: 15px;
    -webkit-box-shadow: 0 10px 45px rgba(0, 0, 0, .15);
    box-shadow: 0 10px 45px rgba(0, 0, 0, .15);
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    min-width: 170px;
    padding: 12px 0;
    position: absolute;
    top: 70px;
    z-index: 1000;
}

.menu-dropdown.show-dropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.menu-dropdown li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
        -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0!important;
    padding: 0 10px;

}
.menu-dropdown li a {
    padding: 10px 30px 10px 15px!important;
    color: var(--black);
    transition: text-shadow .1s ease-in;
    display: block;
    font-size: 14px;
    line-height: 1.5;
}
.menu-dropdown li a:after {
        content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.2 5.9'%3E%3Cpath fill='%239d2360' fill-rule='evenodd' d='M.8 5.9l4.3-4.3 4.2 4.3.9-.8L5.1 0 0 5.1z' clip-rule='evenodd'/%3E%3C/svg%3E");
    cursor: pointer;
    display: inline-block;
    -webkit-filter: brightness(0);
    filter: brightness(0);
    height: 10px;
    margin-left: 6px;
    position: relative;
    -webkit-transform: scaleY(-1) translateY(-2.5px);
    -ms-transform: scaleY(-1) translateY(-2.5px);
    transform: scaleY(-1) translateY(-2.5px);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    width: 10px;
    display: none;
}

.menu-dropdown li.has-hash a:after{display: inline-block;}

.header-actions-triggers {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 15px;
    margin-right: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-actions-triggers button {
    font-size: 14px;
    line-height: 1.50685;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    outline: inherit;
    padding: 0;
}
.header-actions-triggers button .search-close, .header-actions-triggers button i{display: none;}
.searchShown .header-actions-triggers button .search-close, .searchShown .header-actions-triggers button i{display: block !important;}
.searchShown .header-actions-triggers button.search svg, .searchShown .header-actions-triggers button.search i{display: none;}
.header-signin {
    font-size: 12px;
    line-height: 20px;
    background-color: rgba(0, 0, 0, 0);
    color: var(--black) !important;
    font-weight: 600;
}

.header-subscribe {
    padding: 5px 32px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
}

.header-secondary {
    width: 100%;
}

.header-secondary-grid {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header-secondary-nav {
    max-width: 1230px;
    overflow-x: auto;
    scrollbar-color: var(--dark-gray) rgba(0, 0, 0, 0);
    scrollbar-width: thin;
} 
 
/*
.breaking-news-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.3);
    background-color: #c1c1c1;

}
.breaking-news-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.2);
    border-radius: 0;
    background-color: #F5F5F5;
}
.breaking-news-list::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}
*/

.nav-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: hidden;
}

.nav-menu li {
    margin: 0 !important;
    padding: 0 7px;
    font-size: 14px;
    line-height: 1.50685;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

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

.nav-menu li a {
    white-space: nowrap;
    overflow: auto;
    -webkit-transition: text-shadow .1s ease-in;
    transition: text-shadow .1s ease-in;
    color: var(--black);
    display: block;
    padding: 8px 0;
    text-decoration: none;

}

.header-black .nav-menu a {
    color: var(--white);
}
.header-black .nav-menu a:hover{text-shadow: 0 0 1px var(--white);}
.header-social ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.header-social ul li {
    width: 12px;
}

.header-social ul li:not(:last-child) {
    margin-right: 15px;
}

.header-social ul li a {
    -webkit-transition: color .1s ease-in;
    transition: color .1s ease-in;
    color: var(--white);
    cursor: pointer;
    display: flex;
}

.header-social ul li a:hover {
    color: var(--pink);
}

span.c-icon.c-icon--chevron-left {
    color: var(--white);
    display: none;
}

.sub-menu-wrap { 
    background-color: var(--white);
    display: none;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 47px;
    -webkit-transition: .2s ease;
    transition: .2s ease;
    visibility: hidden;
    width: 100%;
    z-index: 0;
}

.sub-menu-active {
    -webkit-animation: fade-in .2s cubic-bezier(.39, .575, .565, 1) both;
    animation: fade-in .2s cubic-bezier(.39, .575, .565, 1) both;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    pointer-events: all;
    visibility: visible;
    z-index: 1;
}

.sub-menu-wrap:after {
    width: 20%;
}

.sub-menu-wrap .container {
    position: relative;
}

.sub-menu-wrap .container:after {
    background-color: var(--gray);
    content: "";
    height: 100%;
    left: -10000px;
    right: calc(100% - 20px);
    position: absolute;
    top: 0;
    z-index: -1;
}
.sub-menu-wrap .container:before {
    background-color: var(--white);
    content: "";
    height: 100%;
    right: -10000px;
    left: calc(100% - 20px);
    position: absolute;
    top: 0;
    z-index: -1;
}

.sub-menu:after {
    background-color: var(--gray);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 310px;
    z-index: -1;
}


@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.sub-menu {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    height: 100%;
    left: 0;
    list-style-type: none;
    min-height: 260px;
    padding: 30px 0 26px;
    position: relative;
    top: 0;
    width: 100%;
}

.submenu-item:hover > a:after {
    color: var(--black);
    text-shadow: unset;
}

.submenu-item {
    padding: 0;
    color: var(--black);
    text-decoration: none;
    font-size: 14px;
    white-space: normal;
    transition: text-shadow .1s ease-in;
    display: block;
}

.submenu-item > a {
    float: right;
    font-weight: 400;
    margin-right: 5px;
    position: relative;
    right: calc(100% - 244px);
    text-align: right;
    text-decoration: none;
    color: var(--black);
    transition: text-shadow .1s ease-in;

}

.submenu-item > a:hover {
    font-weight: 600;
}

.submenu-item > a:after {
    content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC4yNTggNy41ODNIMS43NVY2LjQxN2g4LjUwOGwtMy42Ny0zLjY3MS44MjQtLjgyNUwxMi40OTIgN2wtNS4wOCA1LjA4LS44MjQtLjgyNiAzLjY3LTMuNjd6IiBmaWxsPSIjMTgxOTFGIi8+PC9zdmc+");
    cursor: pointer;
    padding-left: 8px;
    position: absolute;
    top: 64%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: padding-left .1s linear;
    transition: padding-left .1s linear;
}

.submenu-item:hover > a:after {
    font-weight: var(--font-weight-semibold, 600);
    padding-left: 16px;
}

.close-sub-menu {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    outline: inherit;
    padding: 0;
    color: var(--pink);
    font-weight: 700;
    margin-bottom: 24px;
    position: relative;
    right: calc(100% - 250px);
    text-align: right;
    font-size: 14px;
    line-height: 1.50685;
}
.close-sub-menu:after{
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5.8 5.8'%3E%3Cpath d='M3.9 2.9l1.6-1.6c.3-.3.3-.8 0-1.1s-.8-.3-1.1 0L2.9 1.8 1.3.2C1-.1.5-.1.2.2s-.3.8 0 1.1l1.6 1.6L.2 4.5c-.3.3-.3.8 0 1.1.1.1.3.2.5.2s.4-.1.5-.2L2.8 4l1.6 1.6c.2.1.4.2.6.2s.4-.1.5-.2c.3-.3.3-.8 0-1.1L3.9 2.9z' fill='%239d2360'/%3E%3C/svg%3E");
    height: 14px;
    margin-left: 5px;
    padding-left: 5px;
    position: absolute;
    top: 0;
    width: 14px;
}


.inner-submenu {
    clear: none;
    display: none;
    float: left;
    gap: 70px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    left: 313px;
    min-height: 100%;
    padding: 30px 76px 30px 30px;
    position: absolute;
    top: 0;
    width: calc(100% - 285px);
}

.submenu-item-active .inner-submenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.inner-submenu-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    max-width: 425px;
    position: relative;
    width: 100%;
}

.inner-submenu-content-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.inner-submenu-content-title {
    font-size: 20px;
    line-height: 1.5;
    display: inline-block;
    font-weight: 500;
    margin: 0;
    margin-bottom: 5px;
}

.inner-submenu-content-body {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
}

.inner-submenu-content-body {
    width: 350px;
}

.inner-submenu-content-body p {
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 24px;
}

.btn-collection {
    margin-top: auto;
    font-size: 12px;
    line-height: 1.5;
    padding: 0;
    margin: 0;
}

.btn-collection li {
    font-size: 14px !important;
    line-height: 1.5;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 !important;
    padding: 0 10px 0 0;
    display: inline-flex;

}

.btn-collection li a {
    line-height: 1.6;
    color: var(--pink);
    font-weight: 400;
    display: flex;
    align-items: center;
    column-gap: 8px;
}
.btn-collection li a i{font-size: 1.5rem;}
.btn-collection li a svg {
    margin-left: 8px;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
    fill: currentColor;
    height: 26px;
    stroke: currentColor;
    stroke-width: 0;
    width: 26px;
}

.inner-submenu-content-close {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    font: inherit;
    outline: inherit;
    padding: 0;
    color: var(--black);
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.5;
}


.main-nav {
    position: relative;
    margin-left: 80px;
}

.header__form {
    background: var(--white);
    left: 0;
    padding: 4px 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
    display: none;
}

.searchShown .header__form {
    display: block;
}

.c-label-search {
    width: 100%;
}

.header__form input {
    width: 100%;
    background-color: var(--white);
    border: 0.1rem solid var(--light-gray);
    border: 0.1rem solid var(--dark-gray);
    border-radius: 20px;
    padding: 5px 38px 5px 32px;
    font-size: 12px;
    font-weight: 600;
    color: rgb(11, 13, 23);
    outline: none;
    height: 32px;
    appearance: none;
}
.header__form input:hover, .header__form input:focus{border-color: var(--dark-gray);}
.c-label-search__submit {
    height: 14px;
    width: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    outline: inherit;
    padding: 0;
    padding: 0 !important;
    position: absolute;
    right: 23px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.c-label-search__submit svg, .c-label-search__submit i.bi {
        height: 14px;
    width: 14px;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-container{width: 100%; position: absolute; top: 0; left: 0; transition: all 0.7s ease-in-out; background: var(--white);}
.header-anim .header-container{position: fixed;}
.header-anim.header-show .header-container{top: 0%;}

/* End Header Style */




.stories-and-news {
    padding-top: 20px;
    padding-bottom: 50px;
}

.stories-wrap {
    width: 100%;
    position: relative;
    border-top: 1px solid var(--gray);
    padding-top: 24px;
}

.stories-wrap:before {
    position: absolute;
    top: -1px;
    left: 0;
    width: 24px;
    height: 7px;
    content: '';
    background-color: var(--pink);
}

.stories-item-wrap {
    width: 100%;
    margin-top: 12px;
}

.stories-item {
    width: 100%;
    text-decoration: none;
}

.stories-item figure {
    width: 100%;
    border: 3px solid var(--gray);
    background-color: var(--gray);
    border-radius: 20px;
    margin-bottom: 18px;
}

.stories-item img {
    width: 100%;
    border-radius: 20px;
}

.stories-item-content {
    width: 100%;
}

.stories-wrap .card-content h4 {
    font-size: 16px;
    line-height: 1;
    color: var(--pink);
    margin-bottom: 0;
    font-weight: 700;
}

.stories-wrap .card-content h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--black);
    font-size: 23px;
}

.stories-wrap .card-content p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 8px;
    font-size: 19px;
    line-height: 1.5;
    font-style: normal;
}
.stories-wrap .card-content p a{
    color: var(--black);
    font-weight: bold !important;
    margin-right: 5px;
}
.stories-wrap .card-content dfn {
    font-size: 14px;
    line-height: 1;
    font-style: normal;
    color: var(--black);
}
.stories-wrap .card-content dfn a{
    color: var(--black);
    font-weight: bolder;
    margin-right: 5px;
}
.stories-wrap .card-content p:last-child {
    font-size: 14px;
    line-height: 1;
    font-style: normal;
    color: var(--black);
}
.stories-wrap .card-content p:last-child a{
    color: var(--black);
    font-weight: bolder;
    margin-right: 5px;
}


.slider__pagination {
    display: flex;
    justify-content: center;
    margin-top: 15px;
    margin-bottom: 15px;
}

.swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    transition: .4s ease-in-out;
    border: 0.1rem solid var(--black);
    background-color: var(--white);
    border-radius: 50%;
    margin: 0 4px;
    opacity: 1;    
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--black);
}

.breaking-news-wrap {
    width: 100%;
    position: relative;
    border-top: 1px solid var(--gray);
    padding-top: 24px;
}

.breaking-news-wrap:before {
    position: absolute;
    top: -1px;
    left: 0;
    width: 24px;
    height: 7px;
    content: '';
    background-color: var(--pink);
}

.breaking-news-list {
    width: 100%;
    position: relative;
    height: 475px;
    overflow-y: scroll;
}

.breaking-news-list-wrap {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    position: relative;
}

.breaking-news-list-wrap:after {
    position: absolute;
    right: 0;
    width: 100%;
    bottom: 0;
    height: 90px;
    content: '';
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 90%);
    border-bottom: 1px solid var(--gray);
}

.breaking-news-list ul {
    list-style: none;
    margin-bottom: 0;
    padding: 0;
    padding-bottom: 50px;
}

.breaking-news-list ul li {
    padding: 15px 20px 20px 0;
    border-bottom: 1px solid var(--gray);
}

.breaking-news-list ul li a {
    text-decoration: none;
    font-size: 18px;
    line-height: 20px;
    color: var(--black);
    font-weight: 700;
    display: inline-block;
    max-width: 100%;
}

.breaking-news-btn {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding: 15px 0;
}
.kolmar figure img{width: 100%;}

.editor-pick-wrap {
    padding-block: 35px 25px;
}

.editor-pick-inner {
    width: 100%;
    position: relative;
    border: 3px solid var(--pink);
    border-radius: 20px;
    padding: 60px 20px 20px;
    counter-reset: section;
}

.editor-pick-absolute {
    position: absolute;
    top: -48px;
    left: -20px;
    display: inline-flex;
    align-items: center;
    background-color: var(--white);
    padding: 10px;
    column-gap: 6px;
}

.editor-pick-absolute span {
    font-size: 30px;
    
    color: var(--pink);
    text-transform: uppercase;
    font-family: 'BebasNeueProBold';
    font-weight: normal;
}

.editor-pick-item {
    padding-left: 45px;
    position: relative;
}

.editor-pick-item:before {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 58px;
    line-height: 0.9;
    counter-increment: section;
    content: counter(section);
    color: var(--pink);
    font-weight: 700;
}

.editor-pick-item h4 {
    font-size: 17px;
    line-height: 1;
    color: var(--pink);
    font-weight: 900;
    margin-bottom: 5px;
}

.editor-pick-item p {
    font-size: 17px;
    line-height: 1.3;
    color: var(--black);
    font-weight: 700;
    max-width: 208px;
}



.happi-talks-wrap {
    float: left;
    width: 100%;
    padding: 25px 0 16px;
}

.happi-talks-left {
    padding-right: 18px;
}

.happi-talks-left > span {
    display: block;
    width: 100%;
    float: left;
    height: 1px;
    background-color: var(--gray);
    position: relative;
}

.happi-talks-left > span::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 7px;
    background-color: var(--pink);
}

.happi-talks-left h2 {
    padding-top: 10px;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.card figure {
    float: left;
    width: 100%;
    margin: 0px;
}

.card figure img {
    float: left;
    width: 100%;
}

.card-content {
    float: left;
    width: 100%;
}

.card-item-wrap {
    margin-left: 0px;
    margin-right: 0px;
    float: left;
}

.card-item-wrap .card {
    margin: 0px !important;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    padding: 30px 10px !important;
    background-color: transparent;
    border-radius: 0px;
    padding-inline: 0 !important;
}

.card-content h4 {
    text-transform: uppercase;
    color: var(--pink);
    font-size: 16px;
    line-height: normal;
    margin-bottom: 5px;
}

.card-content h3 {
    color: var(--black);
    margin-bottom: 0.5rem;
    line-height: 1.2;
}

.card-content p, .card-content dfn {
    font-size: 14px;
    line-height: 21.0526px;
    color: var(--black);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 8px;
    font-style: normal;
}
.card-content p a{font-weight: bold !important;}
.companies-card {
    background: linear-gradient(var(--white), var(--white)) padding-box, linear-gradient(45deg, var(--pink), var(--pink), var(--pink)) border-box;
    border: 2px solid transparent;
    border-radius: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-inline: auto;
    max-width: 330px;
    padding: 30px 50px 40px 40px;
    position: relative;
    width: 100%;
}

.companies-card-inner {
    float: left;
    width: 100%;
}

.companies-card ul {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    padding: 0px;
    margin-top: 20px;
}

.companies-card ul li {
    float: left;
    width: 100%;
}

.companies-card ul li a {
    display: grid;
    grid-template-columns: 1fr 140px 60px;
    padding-bottom: 20px;
    text-decoration: none;
}

.companies-card .c-sidebar-cta__count {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--gray);
    border-radius: 0.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 26px;
    width: 22px;
    padding: 0.2rem 0.6rem;
    text-align: center;
}

.companies-card .c-sidebar-cta__count span {
    font-size: 12px;
    line-height: 18px;
    color: var(--black);
    font-weight: 500;
}

.companies-card .c-sidebar-cta__info-company {
    margin: 0 0.8rem 0 1rem;
    position: relative;
}

.companies-card .c-sidebar-cta__info-company p {
    font-size: 12px;
    line-height: 1.50376;
    margin-bottom: 0px;
    font-weight: 500;
}

.companies-card .c-sidebar-cta__info-company span {
    font-size: 10px;
    line-height: 1.5;
    color: var(--pink);
    display: block;
}

.companies-card .c-sidebar-cta__logo {
    max-width: 80px;
    width: 100%;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    height: unset;
    opacity: .5;
}

.companies-card ul li:not(:first-child) {
    border-top: 0.1rem solid var(--gray);
    padding-top: 20px;
}

.companies-card a.arrow-btn {
    justify-content: flex-end;
    display: flex;
    flex-flow: row wrap;
    width: 100%;
}

.companies-card ul li a:hover .c-sidebar-cta__count {
    background-color: var(--light-pink);
}

.companies-card ul li a:hover .c-sidebar-cta__logo {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
}

.online-exclusives-from {
    background: linear-gradient(var(--white), var(--white)) padding-box, linear-gradient(45deg, var(--pink), var(--pink), var(--pink)) border-box;
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    padding: 20px 10px;
    position: relative;
    width: 100%;
    max-width: 300px;
    margin: auto;
}

.online-exclusives-from h4 {
    font-size: 22px;
    margin-bottom: 16px;
}

.online-exclusives-from p {
    font-size: 14px;
    line-height: 1.6;
    font-weight: 500;
    margin-bottom: 16px;
}

.input-wrap {
    float: left;
    width: 100%;
}

.input-wrap input {
    float: left;
    width: 100%;
    height: 40px;
    display: block;
    background-color: transparent;
    border: 1px solid var(--gray);
    padding: 7px 10px;
    margin-bottom: 16px;
    font-size: 16px;
}

.input-wrap button {
    background-color: var(--pink);
    max-width: 144px;
    width: 100%;
    height: 36px;
    border-radius: 50px;
    color: var(--white);
    font-weight: 500;
    border: none;
    padding: 5px;
    font-size: 16px;
    line-height: 1;
}

.online-exclusives-from form {
    float: left;
    width: 100%;
}

.online-exclusives-ad img {
    max-width: 300px;
    width: 100%;
}

/* Beginning buyer-gide */
.buyer-gide-wrap {
    float: left;
    width: 100%;
    padding-block: 16px 7px;
}

.buyer-gide-inner {
    float: left;
    width: 100%;
    background-color: var(--gray);
    border-radius: 20px;
    border: 1px solid var(--gray);
    padding-block: 36px;
    padding-inline: 30px;
}

.buyer-gide-heading {
    float: left;
    width: 100%;
}

.buyer-gide-heading h2 {
    font-size: 30px;
    text-align: center;
    color: var(--pink);
    line-height: 1.6;
    font-weight: 900;
}

.buyer-gide-heading p {
    text-align: center;
    color: var(--black);
    font-size: 22px;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: 0.5rem;
}

.buyer-item-wrap {
    float: left;
    width: 100%;
    padding-block: 30px;
}

.buyer-item {
    float: left;
    background-color: var(--white);
    border-radius: 10px;
    box-shadow: 1px 1px 15px -3px rgba(0,0,0,0.5);
    padding-bottom: 30px;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.buyer-item figure {
    float: left;
    width: 100%;
}

.buyer-item figure img {
    float: left;
    width: 100%;
}

.buyer-item-content {
    padding-inline: 8px;
}

.buyer-item h4 {
    font-size: 16px;
    color: var(--black);
    margin-bottom: 2px;
    font-weight: 800;
}

.buyer-item p {
    font-size: 13px;
    line-height: 16px;
    font-weight: 600;
    color: var(--black);
}

.buyer-item span {
    text-align: right;
    display: block;
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.buyer-btn {
    width: 100%;
    display: flex;
    justify-content: center;
}

.buyer-btn a.btn-pinik {
    padding: 5px 5px;
    font-size: 14px;
}

/* End buyer-gide */


/* Beginning features wrap */
.features-wrap {
    float: left;
    width: 100%;
    padding-block: 30px 50px;
}


.features-inner {
    float: left;
    width: 100%;
    background-color: var(--pink);
    border-radius: 20px;
    padding: 30px 35px 30px 20px;
    max-width: 1230px;
}

.features-item {
    float: left;
    width: 100%;
}

.features-item h4 {
    text-align: center;
    font-size: 24px;
    color: rgb(255, 255, 255);
    margin-bottom: 44px;
}
.features-item a {
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 1.8rem;
    max-width: 206px;
}
.features-item figure {
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
}

.features-item figure img {
    float: left;
    width: 100%;
    /* border-radius: 30px; */
    border-radius: 30px; 
}

.features-content-wrap {
    float: left;
    width: 100%;
}

.features-content-wrap h2 {
    font-size: 22px;
    color: rgb(255, 255, 255);
    font-weight: 500;
}

.features-content {
    float: left;
    width: 100%;
    padding-top: 20px;
}

.features-content h3 {
    font-size: 22px;
    color: rgb(255, 255, 255);
    font-weight: 500;
}

.features-content p {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 5px;
}

.features-content p a {
    color: var(--white) !important;
    font-weight: 700 !important;
}

.features-btn {
    display: flex;
    justify-content: center;
    width: 100%;
}

.features-btn a.btn-white {
    font-size: 14px;
    padding: 4px 5px;
}

/* End features wrap */

/* End Home Style */


/*Start footer style */
.footer-wrap {
    float: left;
    width: 100%;
    background-color: var(--black);
    padding: 100px 0 160px;
}

.footer-wrap .container {
    max-width: 1320px;
}

.footer-inner {
    float: left;
    width: 100%;
}

.footer-logo-wrap {
    padding-bottom: 50px;
    border-bottom: 1px solid rgb(71, 74, 87);
    margin: 0px;
}

.footer-logo h5 {
    color: var(--white);
    margin-bottom: 23px;
    font-size: 16px;
    line-height: 1.625;
}

.footer-logo figure {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.footer-logo p {
    font-size: 14px;
    line-height: 23px;
    color: rgb(217, 219, 225);
    max-width: 493px;
}

.footer-logo ul {
    float: left;
    width: 100%;
    color: rgb(150, 155, 171);
    padding-left: 20px;
    list-style: unset;
}

.footer-logo ul li {
    width: 100%;
}

.footer-logo ul li a {
    color: rgb(150, 155, 171);
    text-decoration: none;
    font-size: 14px;
    line-height: 23px;
}

.footer-menu-wrap {
    padding: 20px 0;
    margin: 0px;
}

.footer-nav ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0px;
    list-style: none;
}

.footer-nav ul li {
    float: left;
    width: auto;
    margin-right: 28px;
}

.footer-nav ul li a {
    text-decoration: none;
    color: rgb(255, 255, 255);
    font-size: 14px;
    line-height: 21.0959px;
    font-weight: 700;
}

.footer-social ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    width: 100%;
    padding: 0;
    margin: 0px;
    list-style: none;
}

.footer-social ul li {
    float: left;
    width: auto;
    margin-left: 15px;
}

.footer-copyright-wrap {
    padding-top: 40px;
    margin: 0px;
}

.footer-copyright-wrap p {
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 12px;
    line-height: 20px;
    font-weight: 300;
    margin-bottom: 3px;
}

.footer-social ul li a svg {
    color: var(--white);
}
.footer-social ul li a:hover svg{color: var(--pink);}
/* End footer style */


.company-spotlight p{margin-top: 12px; font-size: 14px; line-height: 1.2; font-weight: 500;}
.company-spotlight p span{color: var(--pink);}



/* Start Top Companies Style */
.breadcrumb-wrap{padding: 0px 0px 10px 0px;}
.breadcrumb-wrap nav{width: 100%;}
.breadcrumb-wrap nav ul{width: 100%; display: flex; column-gap: 25px; align-items: center; padding: 0;}
.breadcrumb-wrap nav ul li{padding-right: 35px; position: relative;}
/* .breadcrumb-wrap nav ul li:after{position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 15px; height: 15px; content: ''; background-image: url(/svgs/chevron-right.svg); background-position: center center; background-size: 100% 100%; opacity: .7;} */
.breadcrumb-wrap nav ul li a{font-size: 18px; font-weight: 700; color: var(--black);}
.breadcrumb-wrap nav ul li:last-child{padding: 0;}
.top-companies-section{padding: 0px 0 80px;}
.top-companies-title{width: 100%;}
.top-companies-title h2{margin-bottom: 15px;}
.top-companies-title p{max-width: 830px;}

.top-companies-tab-trigger{width: 100%; margin-top: 20px;}
.top-companies-tab-trigger ul{width: 100%; display: flex; flex-flow: row wrap; border-bottom: 1px solid var(--light-gray); padding: 0; margin-bottom: -1px;}
.top-companies-tab-trigger ul li {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.top-companies-tab-trigger ul li a{font-size: 14px; line-height: 21px; padding: 8px 14px; border-radius: 10px 10px 0 0; color: var(--dark-gray); margin-bottom: -1px; border: 1px solid transparent;}
.top-companies-tab-trigger ul li a:hover{color: var(--pink);}
.top-companies-tab-trigger ul li.active a{border: 1px solid var(--light-gray); border-bottom: 0; color: var(--light-black); font-weight: 700; background-color: var(--white); margin-bottom: -1px;}
.top-companies-tab-wrap{width: 100%;}
.top-companies-tab{width: 100%; padding-top: 38px; display: none;}
.top-companies-tab:first-child{display: block;}

.top-companies-dropdown-menu{width: 100%; margin-top: 24px;}
.top-companies-dropdown-menu ul{width: 100%; padding: 0; display: flex; overflow: scroll; flex-flow: nowrap; scrollbar-width: none; -ms-overflow-style: none;}
.top-companies-dropdown-menu ul::-webkit-scrollbar { display: none; }
.top-companies-dropdown-menu ul li a{padding: 0 12px 3px; font-size: 14px; color: var(--dark-gray);}
.top-companies-dropdown-menu ul li a:hover{color: var(--pink);}
.top-companies-dropdown-menu ul li.active a{border-bottom: 2px solid var(--pink); font-weight: 700; color: var(--light-black);}
.top-companies-wrap{width: 100%; margin-top: 52px;}
.top-companies-tab-item{width: 100%; display: none;}
.top-companies-tab-item:first-child{display: block;}
.top-companies-thumb{width: 100%;}
.top-companies-thumb figure{width: 100%;}
.top-companies-thumb figure img{width: 100%; border-radius: 20px;}

.top-companies-content-wrap{width: 100%; margin-top: 32px;  border-bottom: 2px solid var(--gray); padding-bottom: 42px;}
.pr-0{padding-right: 0 !important;}

.top-companies-description{width: 100%;}
.top-companies-description h2{width: 100%; margin-bottom: 20px;}
.top-companies-description p{width: 100%; margin-bottom: 18px; font-size: 14px; font-weight: 500; line-height: 1.7;}

.top-companies-content-wrap .online-exclusives-from{border-color: var(--pink);}

.company-spotlight{border: 2px solid rgba(0, 0, 0, 0); border-color: var(--pink); border-radius: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; padding: 20px; position: relative; width: 100%; max-width: 300px; margin: auto;}
.company-spotlight h4{font-size: 22px; margin-bottom: 16px;}

.company-spotlight ul{width: 100%; display: flex; flex-flow: row wrap; padding: 0;}
.company-spotlight ul li{width: 100%; display: flex; border-bottom: 1px solid var(--gray);}
.company-spotlight ul li a{font-weight: 700; width: 100%; display: flex; font-size: 16px; color: var(--black); padding: 20px 0; align-items: center; }
.company-spotlight ul li span{width: calc(100% - 78px);}
.company-spotlight ul li img{width: 78px;}
.company-spotlight ul li:last-child{border-bottom: none;}
.company-spotlight ul li:last-child a{padding-bottom: 0;}

.top-companies-list-wrap{width: 100%; padding: 32px 0 0;}
.top-companies-list-wrap h2{margin-bottom: 24px;}
.top-companies-list-filter-wrap{width: 100%; display: flex; flex-flow: row wrap; column-gap: 24px; align-items: center; row-gap: 24px;}
.list-filter-btn{position: relative; padding: 7px 38px 7px 18px; background-color: var(--gray); border-radius: 20px; font-size: 12px; line-height: 1.2; cursor: pointer; color: var(--ashe); font-weight: 700;}
.list-filter-btn:after{position: absolute; content: '\F282'; top: 50%; transform: translateY(-50%); right: 16px; width: 10px; height: 15px; background-repeat: no-repeat; background-size: 10px 15px; background-position: center center; font-family: "Bootstrap-icons"; opacity: 1;}
.list-filter-container {width: max-content; background-color: var(--gray); border-radius: 10px; padding: 10px; position: absolute; top: auto; left: auto; display: none; box-shadow: 0px 1px 5px 2px var(--black); z-index: 2; max-width: 500px; min-width: 250px;}
.list-filter-container form{width: 100%;}
.list-filter-container form input{width: 100%; background-color: var(--white); border: 0.1rem solid var(--light-gray); border: 0.1rem solid var(--dark-gray); border-radius: 20px; padding: 5px 20px 5px 20px; font-size: 12px; font-weight: 600; color: rgb(11, 13, 23); outline: none; height: 32px; appearance: none;}
.list-filter-input-row input{opacity: 0; visibility: hidden; position: absolute; padding: 0; width: 0; height: 0;}
.list-filter-btn input{opacity: 0; visibility: hidden; position: absolute; padding: 0; width: 0; height: 0;}
.list-filter-container button{background-color: var(--pink); border-radius: 20px; color: var(--white); padding: 5px 32px; font-size: 12px; line-height: 20px; font-weight: 600; border: none;}
.list-filter-input-row-wrap{width: max-content; display: flex; flex-flow: column wrap;}
.list-filter-input-row-wrap::-webkit-scrollbar { display: none; }
.list-filter-input-row{width: max-content; display: flex; column-gap: 10px; flex-flow: column wrap;}
.list-filter-input-row label{font-size: 12px; font-weight: 600; cursor: pointer;}
.list-filter-input-row input{outline: none;}
.top-companies-list-search{max-width: 250px;}
.top-companies-list-search form{width: 100%; position: relative;}
.top-companies-list-search form input{width: 100%; background-color: var(--gray); border: none; border-radius: 20px; padding: 5px 20px 5px 20px; font-size: 12px; font-weight: 600; color: rgb(11, 13, 23); outline: none; height: 29px; appearance: none;}

.top-companies-list{width: 100%; margin-top: 8px;}
.top-companies-list table{width: 100%; font-size: 12px; line-height: 1.2;}
.top-companies-list table tr{width: 100%; color: var(--light-ashe);}
.top-companies-list table tr img{max-width: 50px;}
.top-companies-list table tr td h6{color: var(--black); font-size: 12px; line-height: 1.2;}
.top-companies-list table tr .rank span { font-size: 12px; line-height: 18px; color: var(--light-ashe); font-weight: 500; background-color: var(--gray); border-radius: 4px; height: 26px; width: 18px; padding: 2px 6px; text-align: center; display: flex; align-items: center; justify-content: center; }
.top-companies-list table tr .rank em {width: 12px;}

.top-companies-list table thead, .top-companies-list table tbody{width: 100%;}
.top-companies-list table tr .rank-heading{ margin: 16px 0; display: block; }
.top-companies-list table tr .rank { margin: 16px 0; display: flex; align-items: center; column-gap: 4px; }
.top-companies-list table tr th span{display: inline-flex; align-items: center; column-gap: 8px; font-weight: 500; cursor: pointer;}

/* End Top Companies Style */


/* Start Brand Profile Style */
.brand-profile-page .breadcrumb-wrap .container{max-width: 1320px;}
.brand-profile-wrap{}
.brand-profile-wrap .container{max-width: 1320px;}
.brand-profile-page .companies-card { margin: inherit; max-width: 350px; }
.brand-profile-page .companies-card .c-sidebar-cta__info-company p{font-weight: 700; font-size: 14px;}
.brand-profile-page .companies-card .c-sidebar-cta__info-company span{color: var(--pink);}
.brand-profile-page .c-sidebar-cta__logo{-webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1;}
.brand-profile-page .online-exclusives-ad img{max-width: 355px;}
.brand-profile-page .companies-card ul li a {grid-template-columns: 1fr 160px 75px;}

.directory-listing{width: 100%; max-width: 350px;}
.directory-listing-accordion{width: 100%; padding-left: 20px;}
.directory-listing-accordion-item{width: 100%; margin-bottom: 18px;}
.directory-listing-accordion-title button{width: 100%; display: flex; background: transparent; color: var(--light-black); border: none; font-size: 14px; font-weight: 700; padding: 0 25px 0 0; position: relative;}
.directory-listing-accordion-title button:after{content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708"/></svg>'); position: absolute; top: 50%; right: 0; transform: translateY(-50%); color: var(--light-black); width: 12px; height: 12px;}
.directory-listing-accordion-item.active .directory-listing-accordion-title button:after{content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="var(--pink)" viewBox="0 0 16 16"><path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z"/></svg>');}
.directory-listing-accordion-title span { display: flex; justify-content: flex-start; text-align: left;}
.directory-listing-accordion-title span.c-badge--count{width: auto; font-size: 12px; line-height: 18px; background-color: var(--gray); color: var(--ashe); padding: 0 6px; border-radius: 4px; margin-left: auto;}
.directory-listing-accordion-item.active .directory-listing-accordion-title button{color: var(--pink);}
.directory-listing-accordion-title button:before{position: absolute; content: ''; top: 50%; left: -15px; transform: translateY(-50%); width: 6px; height: 6px; border-radius: 50%; background-color: var(--pink); opacity: 0;}
.directory-listing-accordion-item.active .directory-listing-accordion-title button:before{opacity: 1;}
.directory-listing-accordion-item.active  span.c-badge--count{color: var(--pink);}


.directory-listing-accordion-content{width: 100%; margin-top: 16px; padding-right: 25px; display: none;}
.directory-listing-accordion-content form{width: 100%;}
.directory-listing-accordion-content form label{width: 100%; position: relative;}
.directory-listing-accordion-content form label input{width: 100%; background-color: var(--gray); border: none; border-radius: 20px; padding: 5px 20px 5px 20px; font-size: 12px; font-weight: 600; color: rgb(11, 13, 23); outline: none; height: 29px; appearance: none;}
.directory-listing-accordion-content form label button { height: 14px; width: 14px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: 0; color: inherit; font: inherit; outline: inherit; padding: 0; padding: 0 !important; position: absolute; right: 18px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); outline: none;}

.directory-listing-accordion-content ul{width: 100%; max-height: 25vh; overflow: auto; list-style: none; margin: 16px 0 0; padding: 0;}
.directory-listing-accordion-content ul li{width: 100%; padding-right: 20px; margin-bottom: 16px; font-size: 12px; line-height: 1.2; position: relative;}

.directory-listing-accordion-content ul li button{width: 100%;  display: contents; justify-content: space-between; background-color: transparent; border: none; outline: none; font-weight: 600; color: var(--black);}
.directory-listing-accordion-content ul li:hover button{color: var(--pink);}
.directory-listing-accordion-content ul li.active button{color: var(--pink);}
.directory-listing-accordion-content ul li button.active{color: var(--pink);}

.brand-profile-contant-wrap{float: left; width: 100%; border-top: 1px solid var(--gray); position: relative; padding: 32px 0;}
.brand-profile-contant-wrap:before{position: absolute; top: -1px; left: 0; width: 24px; height: 7px; content: ''; background-color: var(--pink);}
.brand-profile-contant{width: 100%;}
.brand-profile-contant-title-wrap{width: 100%; display: flex; justify-content: space-between; margin-bottom: 18px;}
.brand-profile-contant-title-wrap h6{color: var(--dark-ashe);}
.brand-profile-contant-title-wrap h6 a{color: var(--pink);}
.brand-profile-contant-title-wrap ul{display: flex; column-gap: 18px; padding: 0; margin: 0;}
.brand-profile-contant-title-wrap ul li a{color: var(--dark-ashe);}
.obj-cover{object-fit: cover;}

.brand-profile-contant-card{width: 100%; border-radius: 20px; border: 1px solid var(--light-gray); padding: 16px 40px 28px 28px; position: relative; height: 100%;}
.brand-profile-contant-card h3{margin-bottom: 10px;}
.brand-profile-contant-card p{font-size: 12px; line-height: 1.2; font-weight: 500;}
.brand-profile-contant-card span{display: block; margin-bottom: 12px; font-size: 12px; line-height: 1.2; font-weight: 700; color: var(--black);}
.brand-profile-contant-card span a{color: var(--pink);}
.brand-profile-contant-card > a{display: flex; align-items: center; column-gap: 4px; font-size: 12px; line-height: 1.2; font-weight: 700; color: var(--black); margin-bottom: 12px;}
a.transparent{background-color: transparent; border: 1px solid var(--pink); color: var(--pink);}
a.transparent:hover{background-color: var(--pink);}
.brand-profile-description p{font-size: 14px; line-height: 21.0526px; color: var(--black); font-weight: 500;}
.brand-profile-card-fev{position: absolute; top: 12px; right: 12px; cursor: pointer; width: 24px; color: var(--light-gray);}
.brand-profile-card-fev svg{width: 100%;}

.brand-profile-contant-accordion-wrap{width: 100%; margin-top: 36px;}

.brand-profile-contant-accordion{width: 100%;}
.brand-profile-contant-accordion-item{width: 100%; border-top: 1px solid var(--light-gray);}
.brand-profile-contant-accordion-item h3{}
.brand-profile-contant-accordion-btn{width: 100%; cursor: pointer; position: relative; padding: 15px 15px;}
.brand-profile-contant-accordion-btn-no-child{width: 100%; cursor: pointer; position: relative; padding: 15px 15px;}
.brand-profile-contant-accordion-btn:after{position: absolute; top: 50%; right: 0; transform: translateY(-50%); content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 16 16"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/><path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4"/></svg>'); width: 24px; height: 24px;}
.brand-profile-contant-accordion-item.active .brand-profile-contant-accordion-btn:after{content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="var(--pink)" viewBox="0 0 16 16"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/><path d="M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8"/></svg>');}
.brand-profile-contant-accordion-item.active .brand-profile-contant-accordion-btn{color: var(--pink);}
.brand-profile-contant-accordion-item .brand-profile-contant-accordion-btn-no-child{color: var(--pink);}
.brand-profile-contant-accordion-content{width: 100%; display: none; padding-bottom: 16px;}
.brand-profile-contant-accordion-item:nth-child(1) .brand-profile-contant-accordion-content{display: block;}
.brand-profile-contant-accordion-content ul{padding: 0 0 0 15px;}
.brand-profile-contant-accordion-content ul li{font-weight: 500;}
.brand-profile-contant-accordion-content ul li a{font-weight: 500; color: var(--black);}
.buyer-guide-accordion-content a{font-weight: 500; color: var(--black);}
.buyer-guide-accordion-content a:hover{color: var(--pink);}
/* End Brand Profile Style */

/* Start Company Style */
/* .search-by-ranking .directory-listing-accordion-item:nth-child(1) .directory-listing-accordion-content{display: block;} */
.directory-listing-accordion-content ul li.active:after{position: absolute; content: 'X'; right: 20px; top: 50%; transform: translateY(-50%); color: var(--pink); font-weight: 700;}

.brand-profile-contant-accordion-item h4{font-size: 14px; line-height: 21px;}

.company-personal-accordion{width: 100%; padding: 0 15px 20px;}
.company-personal-accordion-title-wrap{width: 100%; display: flex; flex-flow: row wrap; margin-bottom: 20px;}
.company-personal-accordion-title{width: 50%;}
.company-personal-accordion-title h6{color: var(--dark-gray); font-size: 14px; line-height: 21px; cursor: pointer; display: inline-flex; column-gap: 10px; align-items: center;}
.company-personal-accordion ul{width: 100%; padding: 0; row-gap: 20px; display: flex; flex-flow: row wrap;}
.company-personal-accordion ul li{width: 100%; display: flex; flex-flow: row wrap; color: var(--dark-gray);}
.company-personal-name{width: 50%; display: flex; column-gap: 20px;}
.company-personal-name span{font-weight: 700;}
.company-personal-name em{color: var(--light-black); width: 14px;}
.company-personal-info{width: 50%;}

.yearly-result-trigger { width: 100%; margin-top: 24px; }
.yearly-result-trigger ul{width: 100%;
    padding: 0;
    display: flex;
    overflow: scroll;
    flex-flow: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.yearly-result-trigger ul li a{padding: 0 12px 3px; font-size: 14px; color: var(--dark-gray); font-weight: 700;}
.yearly-result-trigger ul li.active a{border-bottom: 2px solid var(--pink); color: var(--light-black);}
.yearly-result-trigger ul li.yearly-result-has-dropdown a svg{width: 14px; height: 14px;}
.yearly-result-trigger ul li.yearly-result-has-dropdown{margin-left: auto;}
.yearly-result-menu-dropdown{display: none;}

.yearly-result-tab-wrap{width: 100%; margin-top: 20px;}
.yearly-result-tab-item{width: 100%; display: none;}
.yearly-result-tab-item:nth-child(1){display: block;}
.yearly-result-tab-item-title{width: 100%;}
.yearly-result-tab-item-title h4{font-size: 20px; line-height: 1.3;}
.yearly-result-tab-item-title span{display: block; line-height: 1.3; font-weight: 500;}

.yearly-result-tab-thumb { float: left; max-width: 478px; width: 57%; shape-outside: url(../img/company/tab-thumb.jpg); padding-right: 22px; margin-bottom: 22px; margin-top: 16px; }
.yearly-result-tab-thumb figure{width: 100%; margin-bottom: 8px;}
.yearly-result-tab-thumb figure img{width: 100%; border: 16px;}
.yearly-result-tab-content p { font-size: 16px; line-height: 1.5; font-weight: 500; margin-bottom: 20px; }
.yearly-result-tab-thumb p{font-style: italic; font-size: 15px; margin-bottom: 0;}
.yearly-result-bottom h2{font-weight: 600;}
.yearly-result-bottom p{font-size: 16px; line-height: 1.5; font-weight: 500;}

.company-brand-accordion .company-personal-accordion-title, .company-brand-accordion .company-personal-name{width: 35%;}
.company-brand-accordion .company-personal-accordion-title.markets, .company-brand-accordion .company-personal-info{width: 65%;}
.company-brand-accordion .company-personal-info {display: flex;}
.company-brand-accordion .company-personal-info span{max-width:280px;}
.company-brand-accordion .company-personal-info a{margin-left: auto;}
/* End Company Style */



/* Start Dirrectory List */
.dirrectory-list-page .breadcrumb-wrap .container{max-width: 1320px;}
.dirrectory-list-wrap{width: 100%;}
.dirrectory-list-wrap .container{max-width: 1320px;}

.dirrectory-list-title{width: 100%; margin-bottom: 24px;}
.dirrectory-list-wrap .companies-card .c-sidebar-cta__logo{-webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1;}
.dirrectory-list-wrap .online-exclusives-ad img{max-width: 320px;}
.dirrectory-list-wrap .directory-listing{padding-left: 12px;}
.dirrectory-list-container-title{width: 100%;}
.dirrectory-list-container-title p{font-size: 14px;}
.dirrectory-list-container-title p span{display: inline-flex; align-items: center; color: var(--pink); font-weight: 600;} 
.dirrectory-list-container-title p a{color: var(--pink); font-weight: 600;}
.dirrectory-list-container-title p span em{cursor: pointer; width: 14px; color: var(--pink);}

.dirrectory-list-brand-trigger{width: 100%; margin-top: 18px; position: relative;}
.dirrectory-list-brand-trigger ul{width: 100%; display: flex; flex-flow: row wrap; border-bottom: 1px solid var(--light-gray); padding: 0; margin-bottom: -1px;}
.dirrectory-list-brand-trigger ul li{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
.dirrectory-list-brand-trigger ul li a{ font-size: 14px; line-height: 21px; padding: 8px 14px; border-radius: 10px 10px 0 0; color: var(--dark-gray); margin-bottom: -1px; border: 1px solid transparent; }
.dirrectory-list-brand-trigger ul li.active a { border: 1px solid var(--light-gray); border-bottom: 0; color: var(--light-black); font-weight: 700; background-color: var(--white); margin-bottom: -1px; }

.grid-list-btn{cursor: pointer; width: 16px; height: 16px; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.grid-list-btn svg{display: block;}
.grid-list-btn svg.bi-view-list{display: none;}
.dirrectory-list-container.grid-list .grid-list-btn svg.bi-grid-fill{display: none;}
.dirrectory-list-container.grid-list .grid-list-btn svg.bi-view-list{display: block;}


.dirrectory-list-filter-wrap{width: 100%; margin-top: 12px; display: flex; flex-flow: row wrap; position: relative; column-gap: 12px; row-gap: 12px;}

.dirrectory-listing-wrap{width: 100%; margin-top: 24px;}
.dirrectory-listing-wrap h3{margin-bottom: 12px;}
.dirrectory-listing-wrap h3 span{font-size: 12px; line-height: 18px; background-color: var(--gray); color: var(--ashe); padding: 0 6px; border-radius: 4px;}
.dirrectory-listing{width: 100%; margin-bottom: 60px;}
.dirrectory-listing-trigger{width: 100%;}
.dirrectory-listing-trigger ul{ width: 100%; padding: 0; display: flex; overflow: scroll; flex-flow: nowrap; scrollbar-width: none; -ms-overflow-style: none; }
.dirrectory-listing-trigger ul li a{ padding: 0 11px 3px; font-size: 14px; color: var(--dark-gray); font-weight: 700; }
.dirrectory-listing-trigger ul li.active a{border-bottom: 2px solid var(--pink); color: var(--light-black); }
.dirrectory-listing-row{width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between;}

.dirrectory-listing-col{width: 48%;}
.dirrectory-listing-title{width: 100%; display: flex; padding-bottom: 8px; border-bottom: 1px solid var(--gray);}
.dirrectory-listing-title h6{color: var(--dark-gray); font-size: 14px; line-height: 21px; width: calc(100% - 135px);}
.dirrectory-listing-title h6.dirrectory-listing-contact{width: 135px;}

.dirrectory-listing-col ul{padding: 0; display: flex; flex-flow: row wrap; margin-bottom: 0;}
.dirrectory-listing-col ul li{padding: 16px 0; width: 100%; display: flex; border-bottom: 1px solid var(--gray); line-height: 1.2;}
.dirrectory-listing-col ul li span{width: calc(100% - 135px); font-weight: 600;}
.dirrectory-listing-col ul li a{width: 135px;}

.dirrectory-list-container.grid-list .dirrectory-listing-col{width: 100%;}
.dirrectory-list-container.grid-list .dirrectory-listing-col .dirrectory-listing-title{display: none;}
.dirrectory-list-container.grid-list .dirrectory-listing-col:nth-child(1) .dirrectory-listing-title{display: flex;}
/* End Dirrectory List */

/* Start buyer-guide Style */
.buyer-guide-page .container{max-width: 1320px;}
.buyer-guide-page .company-spotlight{max-width: 350px; margin: 40px 0 32px; padding-inline: 32px;}
.buyer-guide-page .company-spotlight ul li span{padding-right: 6px;}
.buyer-guide-page .online-exclusives-ad img{max-width: 350px;}
svg.blue-star{background-color: var(--sky-blue); border-radius: 50%; width: 24px; height: 24px; padding: 5px; color: var(--white);}


.request-more-information{width: 100%; border-radius: 20px; background-color: var(--light-black); padding: 52px 20px 46px;}
.request-more-information h3{color: var(--white);}
.request-more-information a.c-btn-primary{background-color: var(--pink); max-width: 475px; width: 100%; display: inline-flex; column-gap: 10px; align-items: center; text-align: center; justify-content: center; padding: 10px 15px; font-size: 14px; font-weight: 600; line-height: 1;}
.request-more-information a.c-btn-primary:hover{background-color: var(--light-pink);}
.buyer-guide-accordion-content ul{display: flex; flex-flow: row wrap; row-gap: 10px;}
.buyer-guide-accordion-content li{width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; line-height: 1.3;}
.buyer-guide-accordion-content li span{width: 25%; max-width: 150px;}


.buyer-guide-tab-wrap{width: 100%;}
.buyer-guide-tab-trigger{width: 100%;}
.buyer-guide-tab-trigger ul{width: 100%; display: flex; flex-flow: row wrap; border-bottom: 1px solid var(--light-gray); padding: 0; margin-bottom: -1px;}
.buyer-guide-tab-trigger ul li { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
.buyer-guide-tab-trigger ul li a{font-size: 14px; line-height: 21px; padding: 8px 16px; border-radius: 10px 10px 0 0; color: var(--dark-gray); margin-bottom: -1px; border: 1px solid transparent;}
.buyer-guide-tab-trigger ul li.active a{border: 1px solid var(--light-gray); border-bottom: 0; color: var(--light-black); font-weight: 700; background-color: var(--white); margin-bottom: -1px;}
.buyer-guide-tab-item-wrap{float: left; width: 100%; padding-bottom: 10px;}
.buyer-guide-tab-item{width: 100%; display: none;}
.buyer-guide-tab-item:nth-child(1){display: block;}
.buyer-guide-tab-item .card-item-wrap .card:last-child{border-bottom: none;}
/* End buyer-guide Style */


/* buyers-guide-solution-profile-f page */
.buyers-guide-solution-page .breadcrumb-wrap .container{max-width: 1320px;}
.buyers-guide-solution-page .breadcrumb-wrap nav ul{margin-bottom: 0;}

.buyers-guide-f-hero{float: left; width: 100%; min-height: 380px; position: relative; padding: 20px 0;}
.buyers-guide-f-hero-bg{float: left; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.buyers-guide-f-hero-bg figure{float: left; width: 100%; height: 100%;}
.buyers-guide-f-hero-bg figure img{float: left; width: 100%; height: 100%; object-fit: cover;}
.buyers-guide-f-hero .container{max-width: 1360px;}
.buyers-guide-f-hero-inner {display: flex; flex-flow: row wrap; justify-content: space-between; width: 100%; position: relative;}
.buyers-guide-f-hero-silicones{width: 42.04545454545455%; background-color: var(--white); padding: 10px 28px; border-radius: 20px;}
.buyers-guide-f-hero-silicones-heading{display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; width: 100%;}
.buyers-guide-favorite{cursor: pointer;}
.buyers-guide-f-hero-silicones-thumb{float: left; width: 100%; margin-top: 10px;}
.buyers-guide-f-hero-silicones-thumb figure{float: left; width: 100%; margin: 0px;}
.buyers-guide-f-hero-silicones-thumb figure img{float: left; width: 100%; object-fit: cover;}
.buyers-guide-f-hero-social{width: 39.363636%; margin-top: 30px; }
.buyers-guide-f-hero-social .footer-social{ padding-bottom: 34px; }
.buyers-guide-f-hero-social .footer-social ul li{margin-left: 30px;}
.buyers-guide-f-hero-socials{float: left; width: 100%; background-color: var(--white); border-radius: 20px; padding: 20px 30px;}
.buyers-guide-f-hero-socials-wrap{display: flex; flex-flow: row wrap; justify-content: space-between; width: 100%; margin-top: 10px;}
.buyers-guide-f-hero-socials-left{width: 48%;}
.buyers-guide-f-hero-socials-left address{font-weight: 600;}
.buyers-guide-f-hero-socials-left a { color: var(--black) !important; font-size: 15px;}
.buyers-guide-f-hero-socials-left a svg{ color: var(--black) !important; }
.buyers-guide-f-hero-socials-right{width: 48%;}
.buyers-guide-f-hero-socials-right span{display: block; font-weight: bold; margin-bottom: 15px;}
.buyers-guide-f-hero-socials-right span a{color: var(--pink);}
.buyers-guide-f-hero-socials-right a.btn-pinik { background-color: var(--pink); padding: 5px; font-size: 14px; }
.buyers-guide-f-hero-bottom{float: left; width: 100%; padding: 44px 0; background-color: var(--light-black);}
.buyers-guide-f-bottom-inner { width: 100%; display: flex; flex-flow: row wrap; justify-content: center; }
.buyers-guide-f-bottom-inner h2{width: 100%; color: var(--white); text-align: center; margin-bottom: 20px;}
.buyers-guide-f-bottom-inner a { background-color: var(--pink); width: 415px; padding: 10px; font-size: 16px; border-radius: 50px; }
.buyers-guide-f-oleo-wrap{ float: left; width: 100%; padding: 40px 0;}
.buyers-guide-f-oleo-wrap .container{max-width: 1360px;}
.buyers-guide-f-oleo-inner{display: flex; flex-flow: row wrap; justify-content: space-between; width: 100%;}
.buyers-guide-f-oleo-content-wrap{ width: 58.33333333333333%;}
.oleo-content-tab-wrap{float: left; width: 100%;}
.oleo-content-tab-trigger{width: 100%; margin-top: 30px}
.oleo-content-tab-trigger ul { width: 100%; display: flex; flex-flow: row wrap; border-bottom: 1px solid var(--light-gray); padding: 0; margin-bottom: -1px; }
.oleo-content-tab-trigger ul li { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
.oleo-content-tab-trigger ul li a { font-size: 14px; line-height: 21px; padding: 8px 14px; border-radius: 10px 10px 0 0; color: var(--dark-gray); margin-bottom: -1px; border: 1px solid transparent; }
.oleo-content-tab-trigger ul li.active a { border: 1px solid var(--light-gray); border-bottom: 0; color: var(--light-black); font-weight: 700; background-color: var(--white); margin-bottom: -1px; }
.oleo-content-tabs-wrap{float: left; width: 100%;}
.oleo-content-tab{width: 100%; padding-top: 38px; display: none;}
.oleo-content-tab:first-child { display: block; }
.oleo-content-tab-one{float: left; width: 100%;}
.oleo-content-tab-one h2{margin-bottom: 20px;}
.oleo-content-tab-one p { font-size: 14px; line-height: normal; margin-bottom: 15px;}
.oleo-content-tab-one p a{color: var(--pink); font-weight: 600;}
.oleo-content-tabs-wrap .card-item-wrap .card:last-child{border-bottom:none;}
.oleos-item-wrap{display: flex; flex-flow: row wrap; width: 100%; padding-top: 30px; border-bottom: 1px solid rgba(0, 0, 0, .125);}
.oleos-item{float: left; width: 100%; padding-bottom: 60px;}
.oleos-item p{font-size: 11px; line-height: normal;}
.oleos-item figure{float: left; width: 100%;}
.oleos-item figure img{float: left; width: 100%; object-fit: cover;}
.oleos-related-content{float: left; width: 100%; padding-top: 50px;}
.oleos-related-content .card-item-wrap .card:last-child{border-bottom:none;}
.oleos-additional-wrap{float: left; width: 100%; padding-top: 60px;}
.oleos-additional-wrap h2 { text-align: center; margin-bottom: 30px; }

.modal.fade.show::before { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000000; opacity: 0.5; }
.modal-backdrop{display: none !important;}

.oleos-additional-wrap ul { padding: 0px; margin: 0px; padding-bottom: 10px; border-bottom: 1px solid rgba(0, 0, 0, .125); display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 3rem; }
.oleos-additional-wrap ul li { color: var(--light-ashe); font-size: 16px; line-height: normal; }
.faq-item-wrap { float: left; width: 100%; margin-top: 35px; padding-bottom: 15px; border-bottom: 1px solid rgba(0, 0, 0, .125); }
.faq-item{float: left; width: 100%; margin-bottom: 20px;}
.faq-accordion-trigger{float: left; width: 100%; position: relative; cursor: pointer;}
.faq-accordion-item-wrap{ display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 3rem; width: 100%; }
.faq-accordion-item h5 { color: var(--pink); font-size: 16px; line-height: normal; }
.faq-accordion-item address{margin: 0; font-weight: 500; font-size: 14px; line-height: normal;}
.faq-accordion-item span{display: block; font-weight: 500;}
.faq-accordion-trigger:after { position: absolute; content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="rgba(0, 0, 0, 1)" class="bi bi-plus-circle" viewBox="0 0 16 16"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/><path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4"/></svg>'); top: 0px; right: 0; width: 20px; height: 20px;     -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.faq-item.active .faq-accordion-trigger::after { content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="rgba(219 86 139)" viewBox="0 0 16 16"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/><path d="M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8"/></svg>'); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.faq-hidden-content{float: left; width: 100%; margin-top: 30px; display: none;}
.faq-item:nth-child(1) .faq-hidden-content { display: block; }
.oleos-categories-wrap{float: left; width: 100%; padding: 50px 0;}
.oleos-categories-wrap h2{text-align: center; margin-bottom: 20px;}
.faq-hidden-content ul { padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 0.5rem; }
.faq-hidden-content ul li a {color: var(--black);}
.faq-hidden-content ul li a:hover {color: var(--pink);}
.oleos-categories-wrap .active .faq-accordion-trigger h5{color: var(--pink);}
.oleos-categories-wrap .faq-item-wrap{padding: 0px;}
.oleos-categories-wrap .faq-item{border-top: 1px solid rgba(0, 0, 0, .125); padding-top: 20px;}
.buyers-guide-f-oleo-add-wrap{width: 35%;}
.buyers-guide-f-oleo-add { display: flex; flex-flow: row wrap; justify-content: center; width: 100%; }
/* buyers-guide-solution-profile-f page */

/* Start buyer-guide-list Style */
.buyer-guide-list-page .breadcrumb-wrap .container{max-width: 1320px;}
.buyer-guide-list-page .directory-listing-accordion-item.active .directory-listing-accordion-content {
    display: block;
}
.dirrectory-listing-col ul li svg.blue-star { width: 20px; height: 20px; padding: 4px;}

.companies-container-wrap{width: 100%;}
.companies-component-wrap{width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 20px; margin-top: 24px;}

.companies-component{background-color: var(--white); box-shadow: 1px 5px 5px 0 rgba(0,0,0,.08); border-radius: 10px; overflow: hidden; position: relative;padding:8px;}
.companies-component figure{width: 100%; margin: 0;}
.companies-component figure img{width: 100%; max-height: 92px;}
.companies-component-content{width: 100%; padding: 12px 16px; position: relative;}
.companies-component-content img.companies-component-logo{max-width: 69%; max-height: 66px; margin-bottom: 12px;}
.companies-component-content h6{color: var(--light-black); font-size: 14px; font-weight: 700; margin-bottom: 4px;}

.companies-component-fev{position: absolute; top: 15px; right: 15px; width: 18px; color: var(--light-gray); cursor: pointer;}
.companies-component-fev svg{display: block; color: var(--light-gray);}
.buyer-guide-list-teb-item{display: none;}
.buyer-guide-list-teb-item:nth-child(1){display: block;}


.grid-list .companies-component-wrap{grid-template-columns: 1fr;}
.grid-list .companies-component figure{display: none;}
.grid-list .companies-component-content { display: grid; gap: 20px; align-items: center; grid-template-columns: 1fr 1fr 1fr; }
.grid-list .companies-component-content img.companies-component-logo{margin: 0; max-width: 125px;}
/* End buyer-guide-list Style */


/* formulary company page */
.formulary-company-wrap{float: left; width: 100%; padding-bottom: 50px;}
.formulary-company-heading{/*float: left; */width: 100%;}
.formulary-company-heading h5{color: var(--pink);}
.formulary-company-heading p { margin: 0px; font-weight: 600; }
.formulary-company-inner{padding-top: 30px;}
.formulary-company-profile{float: left; width: 100%;}
.formulary-company-profile-bottom{float: left; width: 100%;}
.formulary-company-profile-bottom em { color: var(--dark-gray); font-size: 16px; line-height: normal; }
.formulary-company-profile-bottom figure{float: left; width: 100%; margin-bottom: 5px;}
.formulary-company-profile-bottom figure img{float: left; width: 100%;}
.formulary-company-profile-top{width: 100%; padding-bottom: 20px;}
.formulary-company-profile-top .row{align-items: center; justify-content: space-between; row-gap: 18px;}
.formulary-company-profile-left{    display: flex; flex-flow: row wrap; align-items: center; width: calc(100% - 192px); padding-right: 10px;}
.company-profile-thumb{width: 150px;}
.company-profile-thumb figure{float: left; width: 100%; margin: 0px;}
.company-profile-thumb figure img{float: left; width: 100%; object-fit: cover;}
.formulary-company-profile-top figure img{float: left; width: 100%; object-fit: cover;}
.company-profile-content{width: calc(100% - 150px); padding-left: 20px;}
.company-profile-content h5{font-weight: 500; color: var(--black);}
.company-profile-content h5 a{text-decoration: underline; font-weight: bold; color: var(--black);}
.company-profile-content p{margin: 0; font-weight: 500;}
.formulary-company-profile-top h5{font-weight: 500; color: var(--black);}
.formulary-company-profile-top h5 a{text-decoration: underline; font-weight: bold; color: var(--black);}
.formulary-company-profile-top p{margin: 0; font-weight: 500;}
.formulary-company-content-wrap .request-more-information{float: left;}
.formulary-company-profile-right ul{ display: flex; column-gap: 18px; justify-content: flex-end; padding: 0; margin: 0; }
.formulary-company-profile-right ul li a { color: var(--dark-ashe); }
.formulary-company-profile-top ul{ display: flex; column-gap: 18px; justify-content: flex-end; padding: 0; margin: 0; }
.formulary-company-profile-top ul li a { color: var(--dark-ashe); }
.formulary-company-profile-right{width: 192px;}
.single-formulary-table-wrap{float: left; width: 100%; margin-top: 40px;}
.table-formulary-head{ display: grid; grid-template-columns: 14fr 43fr 23fr 25fr 7fr; padding-right: 15px;}
.table-formulary-head h5 { font-size: 16px; line-height: normal; }
.table-formulary-inner{ float: left; width: 100%; }
.table-formulary-item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: grid; grid-template-columns: 6.46fr 93.54fr; margin-bottom: 3.4rem; width: 100%; padding-top: 15px;}
.accordion-head { -webkit-transition: all .2s ease; transition: all .2s ease; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 15px; position: relative; width: 97px; }
.table-formulary-item  h4 { font-size: 14px; line-height: normal; }
.table-formulary-content { border-left: 3px solid var(--pink); display: flex; flex-flow: row wrap; row-gap: 20px; }
.formulary-company-add-wrap .company-spotlight h4{margin: 0;}
.table-formulary-content ul { font-size: 15px; line-height: normal; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; display: grid; grid-template-areas: "col-1 col-2 col-3 col-4"; grid-template-columns: 45fr 23fr 25fr 7fr; margin: 0 0 0 10px; padding: 0; position: relative; }
.table-formulary-content ul:nth-child(odd) { background-color: var(--gray); }
.table-formulary-content ul li:first-child { grid-area: col-1; padding-left: 20px;}
.table-formulary-content ul li:nth-child(2) { grid-area: col-2; }
.table-formulary-content ul li:nth-child(3) { grid-area: col-3; }
.table-formulary-content ul li:nth-child(4) { grid-area: col-4; }
.table-formulary-content ul { font-size: 15px; line-height: normal; width: 100%; font-weight: 500; padding-right: 20px;}
.table-formulary-content li:first-of-type::after { content: ""; position: absolute; top: 7px; left: 7px; background-color: var(--black); width: 5px; height: 5px; border-radius: 100%; }
.table-formulary-content ul li span{color: var(--pink);}
.single-formulary-infos-product{display: flex; flex-flow: row wrap; width: 100%;}
.single-formulary-infos-item{width: 100%;}
.single-formulary-infos-item p{font-weight: 500;}
.single-formulary-infos-item a{color: var(--pink);}
.formulary-topics-trigger{float: left; width: 100%; padding: 40px 0;}
.formulary-topics-trigger h2{margin-bottom: 30px;}
.formulary-topics-trigger  ul{display: flex; flex-flow: row wrap; width: 100%; padding: 0; margin: 0; gap: 20px;}
.formulary-topics-trigger ul li a { background-color: var(--gray); padding: 5px 15px; color: var(--light-black); font-weight: 500; border-radius: 20px; }
.formulary-company-content-wrap .happi-talks-left{ float: left; padding: 0; padding-bottom: 30px; }
.formulary-company-content-wrap .card-item-wrap .card:last-child{border: none;}
.formulary-company-add-wrap .breaking-news-list{ width: 100%; height: auto; overflow: hidden; }
.formulary-company-add-wrap .breaking-news-list-wrap:after{display: none;}
.formulary-company-add-wrap .breaking-news-list ul li{padding-inline: 0px;}
.formulary-company-add-wrap .breaking-news-list ul li a{max-width: 100%;}
.formulary-company-add-wrap .breaking-news-list ul li .news-author{ color: var(--pink) !important; text-transform: uppercase; }
.single-formulary-table-inner{float: left; width: 100%;}
.formulary-no-company .company-profile-content{padding: 0; width: 100%;}
.formulary-no-company .formulary-company-add-wrap .company-spotlight h4 { margin: 0; letter-spacing: -0.5px; }
/* formulary company page */

.buyers-guide-f-hero-bg:after{position: absolute; top: 0; left: 0; width: 100%; background-color: var(--black); content: ''; opacity: .4; height: 100%;}
/* Start Author List Style */
.author-list-title { width: 100%; margin-bottom: 24px; }
.tranding-news .breaking-news-list { width: 100%; height: auto; overflow: hidden; }
.tranding-news .breaking-news-list ul{display: flex; flex-flow: column;}
.tranding-news .breaking-news-list ul li { padding-inline: 0px; display: flex; flex-flow: column; padding-block: 15px 10px;}
.tranding-news .breaking-news-list ul li .news-author { color: var(--pink) !important; text-transform: uppercase; }
.tranding-news .breaking-news-list ul li a { max-width: 100%; }
.tranding-news .breaking-news-list-wrap:after{display: none;}
.tranding-news .card-content h4{text-decoration: none; font-size: 18px; line-height: 20px; font-weight: 700; display: inline-block; color: var(--pink) !important; text-transform: uppercase;}
.tranding-news .card-content h3{text-decoration: none; font-size: 18px; line-height: 20px; color: var(--black); font-weight: 700; display: inline-block;}

.author-profile{width: 100%; display: flex; align-items: center;}
.author-profile-thumb{width: 238px;}
.author-profile-content{width: calc(100% - 238px); padding-left: 20px;}
.author-profile-content p{margin-bottom: 18px; font-weight: 500;}
.author-social{column-gap: 24px; width: 100%; margin: 0; padding: 0; display: flex; flex-flow: row wrap; align-items: center;}
.author-social li{display: flex;}
.author-social li a{color: var(--dark-ashe);}


.author-list-card-wrap{width: 100%; margin-top: 24px;}
.author-list-filter-wrap { width: 100%; display: flex; flex-flow: row wrap; gap: 10px 8px; position: relative;}
.list-filter-btn em{color: var(--white); background-color: var(--pink); border-radius: 50%; display: flex; align-items: center; justify-content: center; width: 13px; height: 13px; font-style: normal; font-weight: 400;}
.author-list-filter-wrap .top-companies-list-search form input{border: 1px solid var(--gray);}
.list-filter-btn{column-gap: 10px; display: flex;}
/* End Author List Style */



/* Start Content Style */

.content-page .formulary-company-heading h2{font-weight: 800;}
.content-page .company-profile-thumb{width: 75px;}
.content-page .company-profile-content{width: calc(100% - 75px); padding-left: 8px;}
.content-wrap{float: left; width: 100%; margin-top: 24px;}
.content-wrap .companies-card { float: left; max-width: 300px; padding: 30px 35px 40px 35px; margin: 0 30px 30px 0;}
.content-wrap .companies-card a.btn-pinik{background-color: var(--pink);}
.content-item{float: left; width: 100%; border-bottom:  1px solid var(--light-gray);}
.content-item p{font-weight: 500; font-size: 16px; margin-bottom: 22px;}
.content-item p a{color: var(--pink);}
.content-item h4{font-weight: 600;}
.content-item h5{font-size: 20px; color: var(--black); font-weight: 500; margin-bottom: 10px;}
.content-item h5 a{color: var(--pink); font-weight: 700;}

.issue-news-from-wrap { float: left; width: 100%; padding: 30px 0; border-bottom: 1px solid rgba(0, 0, 0, .125); }
.issue-news-from-wrap h4{margin-bottom: 10px;}
.issue-news-from-wrap .input-wrap button{background-color: var(--pink);}
.content-item .issue-news-from-wrap{border: none;}

.content-page .formulary-topics-trigger{ padding-block: 24px;}
.content-page .formulary-topics-trigger h2{margin-bottom: 24px;}

.content-bottom-container .happi-talks-left h2{padding-top: 0;}
.content-bottom-container .breaking-news-wrap{border: none; padding: 0;}
.content-bottom-container .breaking-news-wrap:before{display: none;}
.content-bottom-title {display: flex; flex-flow: row wrap; column-gap: 8px; align-items: center;}
.content-bottom-title h2{width: inherit;}
.content-bottom-title hr{flex: 1; width: 100%; height: 5px;  background: linear-gradient(45deg, #86dfe7, #bb82ab, var(--pink)); opacity: 1;}
.breaking-news-wrap .content-bottom-title hr{height: 3px;}

.formulary-company-profile-bottom video{width: 100%;}
/* End Content Style */



/* issue page */
.issue-hero-wrap{float: left; width: 100%; padding-bottom: 30px;}
.issue-hero-inner{float: left; width: 100%;}
.issue-hero-heading{float: left; width: 100%; padding-bottom: 30px;}
.issue-hero-slider-wrap{float: left; width: 100%; background-color: var(--light-black); border-radius: 20px; padding: 60px 50px;}
.issue-hero-slider-item-wrap{float: left; width: 100%;}
.issue-hero-slider-item{float: left; width: 200px; position: relative; border-radius: 20px; overflow: hidden;}
.issue-hero-slider-thumb{float: left; width: 100%; position: relative;}
.issue-hero-slider-thumb::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,.8), rgba(0,0,0,.8));  transition: .3s ease-in-out;}
.issue-hero-slider-item:hover .issue-hero-slider-thumb::after{background:linear-gradient(to bottom, rgba(0,0,0,.0), var(--black));}
.swiper-slide-active .issue-hero-slider-thumb::after{background:linear-gradient(to bottom, rgba(0,0,0,.0), var(--black));}
.issue-hero-slider-thumb figure{float: left; width: 100%; margin: 0px;}
.issue-hero-slider-thumb figure img{float: left; width: 100%; object-fit: cover; border-radius: 20px;}
.issue-hero-slider-content { float: left; width: 100%; position: absolute; bottom: 0; left: 0; z-index: 1; padding: 30px; display: flex; justify-content: center;}
.issue-hero-slider-content h4 { color: var(--white); font-size: 17px; line-height: normal; }
.issue-arrow-button{float: left; width: 100%;}
.issue-arrow-button div { position: absolute; top: 50%; left: 0; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; transform: translateY(-50%); z-index: 2; background-color: var(--white); border-radius: 50%; cursor: pointer; }
.issue-right-button{ left: auto !important; right: 0; }

.issue-magazine-wrap{float: left; width: 100%; padding-bottom: 100px;}
.issue-magazine-wrap .online-exclusives-from{max-width: 100%;}
.issue-magazine-wrap .company-spotlight{max-width: 100%;}
.issue-magazine-wrap .online-exclusives-ad img{max-width: 100%;}
.online-exclusives-from.subscribe-from { justify-content: center; padding: 40px 20px; }
.online-exclusives-from.subscribe-from h4{text-align: center; width: 100%;}
.online-exclusives-from.subscribe-from p{text-align: center; width: 100%;}
.magazine-filter .top-companies-list-filter { width: max-content; }
.magazine-filter { margin-bottom: 50px; }
.card-btn-wrap { width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: space-between; padding: 25px 0; border-bottom: 1px solid rgba(0, 0, 0, .125); row-gap: 20px; }
.card-btn-wrap a.btn-pinik.select-btn{background-color: var(--pink);}
/* issue page */


/* topics page */
.topics-talks-btn-wrap { display: flex; flex-flow: row wrap; align-items: center; width: 100%; justify-content: space-between; position: relative;}
.topics-talks-btn-wrap h2{width: auto; padding: 0;}
.topics-talks-btn { display: flex; flex-flow: row wrap; column-gap: 15px; }
.topics-aside-wrap .online-exclusives-ad img{max-width: 100%;}
.topics-aside-wrap .company-spotlight{max-width: 100%; position: relative;}
.topics-aside-wrap .online-exclusives-from{max-width: 100%;}
/* topics page */

.filter_header{position: relative;}


/* video page */
.prodcast-page .stories-and-news{padding: 0px;}
.prodcast-item-wrap { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 40px 20px; overflow: hidden;}
.prodcast-item { padding-bottom: 40px; position: relative;}
.prodcast-item::after{content: ""; position: absolute; top: auto; bottom: 0; left: 0; width: calc(100% + 20px); height: 1px; background-color: var(--gray);}
.prodcast-item-thumb{float: left; width: 100%;}
.prodcast-item-thumb figure{float: left; width: 100%; margin: 0;}
.prodcast-item-thumb figure img{float: left; width: 100%; object-fit: cover; border-radius: 20px;}
.prodcast-item .card-content { float: left; width: 100%; margin-top: 20px; }
.prodcast-item .card-content a h4{ color: var(--pink); font-size: 18px; line-height: 20px; font-weight: 700; margin-bottom: 0.25rem;}
.prodcast-item .card-content p{margin: 0; font-weight: 600; font-size: 18px; line-height: 1.2;}
.prodcast-item:nth-last-child(-n+3)::after{display: none;}
.prodcast-page .kolmar { max-width: 1100px; margin: 0 auto; }
.prodcast-filter-wrap { display: flex; flex-flow: row wrap; column-gap: 2%; width: 50%; justify-content: flex-end; }
.prodcast-lastet-content{ display: flex; flex-flow: row wrap; width: 100%; align-items: center; justify-content: space-between; padding-bottom: 25px; }
.prodcast-right-wrap .company-spotlight{max-width: 100%;}
.prodcast-right-wrap .online-exclusives-ad img{max-width: 100%;}
.prodcast-right-wrap .online-exclusives-from{max-width: 100%;}
/* video page */
.list-filter-container ul{padding: 0; margin: 0;}
.list-filter-container ul li{padding: 0;}
.list-filter-container ul li{font-size: 12px; font-weight: 600; cursor: pointer; color: var(--black);}
.list-filter-container ul li em{font-style: normal;}
.prodcast-filter-wrap .list-filter-container, .author-list-filter-wrap .list-filter-container, .topics-talks-btn .list-filter-container{max-width: 100%;}
a i.bi {font-size: 1.2rem; }
.footer-social ul li a i.bi { color: #ffffff; }
.breadcrumb-wrap nav ul li:last-child:after{display: none;}



.card figure img{border-radius: 8px;}


.content-item{font-weight: 500;
    font-size: 16px;
    margin-bottom: 22px;}
.content-item table td{padding: 10px;}
.content-item a{color: var(--pink);}


@media (max-width: 1200px) {

    /* Buyers Guide Solution Profile F page */
    .buyers-guide-f-hero-silicones-heading h2{font-size: 25px;}
    .buyers-guide-f-hero-social{width: 43%;}
    .buyers-guide-f-hero-silicones{width: 45%;}
    .buyers-guide-f-oleo-content-wrap { width: 62%; }
    .buyers-guide-f-oleo-add-wrap { width: 32%; }
    .faq-accordion-item-wrap{gap: 1rem;}
    .oleos-additional-wrap ul{gap: 1rem;}
    /* Buyers Guide Solution Profile F page */

}




@media (max-width: 991px) {

    .companies-card ul li a {
        grid-template-columns: 1fr 139px 40px;
    }

    .companies-card {
        padding: 20px;
    }

    .card-content {
        margin-top: 20px;
    }

    .features-content {
        padding-top: 10px;
    }

    
    /* Start Brand Profile */
    .brand-profile-page .companies-card ul li a {
        grid-template-columns: 1fr 120px 50px;
    }


    .company-brand-accordion .company-personal-info span { max-width: 195px; }
    .company-brand-accordion .company-personal-info a{width: 90px;}
    /* End Brand Profile */

    
    .grid-list-btn{display: none;}
    .dirrectory-listing-col{width: 100%;}
    .dirrectory-listing-col .dirrectory-listing-title{display: none;}
    .dirrectory-listing-col:nth-child(1) .dirrectory-listing-title{display: flex;}




    /* Start buyer-guide Style */
    .buyer-guide-accordion-content{overflow-x: auto;}
    .buyer-guide-accordion-content ul{width: 700px;}
    .buyer-guide-page .company-spotlight { margin: 40px auto 32px;}
    /* End buyer-guide Style */

    /* Buyers Guide Solution Profile F page */
    .buyers-guide-f-hero{padding: 40px 0;}
    .buyers-guide-f-hero-silicones{padding: 15px; width: 50%;}
    .buyers-guide-f-hero-social { width: 45%; }
    .buyers-guide-f-hero-silicones-heading h2 { font-size: 20px; line-height: normal; }
    .buyers-guide-f-hero-socials-left { width: 100%; }
    .buyers-guide-f-hero-inner{align-items: center;}
    .faq-accordion-item-wrap {grid-template-columns: 1fr; gap: 1rem; width: 100%; }
    .faq-hidden-content ul { grid-template-columns: 1fr 1fr 1fr; }
    /* Buyers Guide Solution Profile F page */
    

    /* Start buyer-guide-list Style */
    .companies-component-wrap{grid-template-columns: 1fr 1fr;}
    /* End buyer-guide-list Style */
    

    /* formulary-company page */
    .formulary-company-profile-top{justify-content: flex-end;}
    .formulary-company-profile-right ul li a svg{width: 16px; height: 16px;}
    .formulary-company-profile-right { width: calc(100% - 150px); padding-left: 20px;}
    .formulary-company-profile-left{width: 100%;}
    .formulary-company-profile-right ul{justify-content: flex-start;}
    .accordion-head{padding-left: 0; width: 80px;}
    .table-formulary-head { grid-template-columns: 100px 43fr 23fr 25fr 7fr; }
    /* formulary-company page */

    /* Start Author List Style */
    .author-profile{flex-flow: row wrap;}
    .author-profile-thumb { width: 150px; padding: 0 !important; }
    .author-profile-content {width: 100%; padding: 0; margin-top: 24px;} 
    /* End Author List Style */

    /* Start Cotent Style */
    .content-page .formulary-company-profile-right { width: calc(100% - 75px); padding-left: 8px;}
    /* Start Cotent Style */
    
    .card-btn-wrap .btn-pinik { width: 150px;}

    /* video page */
    .prodcast-item-wrap { grid-template-columns: 1fr 1fr;}
    .prodcast-item::after{display: none;}
    /* video page */

    .formulary-company-profile-top ul {column-gap: 8px;}
    .formulary-company-profile-top svg{width: 16px; height: 16px;}

    

}


@media (max-width: 767px) {

    h2 {
    font-size: 24px;
    line-height: 1.2;
}

h3 {
    font-size: 18px;
    line-height: 1.2;
}
    

.features-content h3 {
    font-size: 18px;
}
    .features-content p { font-size: 12px;}
    
    
    .footer-nav ul {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        text-align: center;
    }

    .footer-nav ul li {
        margin-right: 0px;
        width: 100%;
        margin-bottom: 8px;
    }

    .footer-social ul {
        justify-content: center;
    }

    .footer-logo {
        margin-bottom: 40px;
    }

    .happi-talks-left {
        padding: 0;
    }

    .companies-card ul li a {
        grid-template-columns: 1fr 140px 60px;
    }

    .features-inner {
        padding-inline: 20px;
    }

    .features-content-wrap {
        padding-left: 0;
    }

     /* Start Top Companies List Style */
    .breadcrumb-wrap nav ul {column-gap: 16px;}
    .breadcrumb-wrap nav ul li { padding-right: 24px;}
    .top-companies-tab-trigger ul li {max-width: 120px; text-align: center;}
    .top-companies-tab-trigger ul li a { border-radius: 7px 8px 0 0; line-height: 1.2; display: block;} 
    .top-companies-tab-trigger ul li { max-width: 142px;}
    .top-companies-dropdown-menu ul{column-gap: 5px; row-gap: 5px; }
    .top-companies-dropdown-menu ul li{width: 62px;}
    .top-companies-thumb figure img { border-radius: 15px; }
    .top-companies-wrap { margin-top: 32px; }
    .top-companies-list-filter-wrap{column-gap: 0.5rem; position: relative; row-gap: 0.5rem;}
    .top-companies-list-filter{position: unset;}



    .top-companies-list { width: 100%; margin-top: 8px; overflow: hidden; overflow-x: scroll; }

    /* .top-companies-list table tr .top-companies-logo{display: none;}

    .top-companies-address, .top-companies-location{display: none;} */

    .top-companies-list table { font-size: 10px; width: 100%; min-width: 700px;}
    .top-companies-list table tr th span {
        column-gap: 2px;
    }
    /* End Top Companies List Style */

    
    /* Start Brand Profile */
    .brand-profile-page .companies-card ul li a { grid-template-columns: 1fr 160px 75px !important; }
    .brand-profile-contant-title-wrap{flex-flow: column;}
    .brand-profile-contant-title-wrap ul{width: 100%; margin-top: 10px;}
    .directory-listing, .brand-profile-page .companies-card, .online-exclusives-ad{margin: auto; justify-content: center;}

    .brand-profile-contant-accordion-item h4{padding-left: 0;}
    .yearly-result-tab-thumb{max-width: 100%; width: 100%;}
    .company-personal-accordion{padding: 0 0 20px;}
    .company-brand-accordion .company-personal-info { display: flex; flex-flow: column; row-gap: 10px;}
    .company-brand-accordion .company-personal-info a{margin-left: 0;}

    .breadcrumb-wrap nav ul{flex-flow: row wrap; row-gap: 10px;}
    .breadcrumb-wrap nav ul li a { font-size: 14px; line-height: 1.2;}
    /* End Brand Profile */

    /* Buyers Guide Solution Profile F page */
    .buyers-guide-f-hero{padding: 30px 0;}
    .buyers-guide-f-hero-silicones{width: 100%; padding: 10px 20px;}
    .buyers-guide-f-hero-silicones-heading h2{font-size: 18px;}
    .buyers-guide-f-hero-social { width: 100%; margin-top: 30px; }
    .buyers-guide-f-hero-socials-left { width: 100%; }
    .buyers-guide-f-hero-socials-right { width: 100%; margin-top: 20px; }
    .buyers-guide-f-hero-socials-left address{margin-bottom: 0;}
    .buyers-guide-f-bottom-inner h2{font-size: 20px;}
    .buyers-guide-f-oleo-content-wrap { width: 100%; }
    .buyers-guide-f-oleo-add-wrap{width: 100%;}
    .oleo-content-tab-trigger ul li a { font-size: 13px; padding: 8px 12px; }
    .oleos-item h2{font-size: 20px;}
    .faq-hidden-content ul{grid-template-columns: 1fr 1fr;}
    /* Buyers Guide Solution Profile F page */

    
    /* Start buyer-guide-list Style */
    .companies-component-wrap{grid-template-columns: 1fr;}
    /* End buyer-guide-list Style */

    
    /* formulary company page */
    .formulary-company-profile-left{width: 100%; padding: 0;}
    .formulary-company-profile-right { width: 100%; padding-top: 10px; padding-left: 0;}
    .company-profile-thumb { width: 100px; }
    .company-profile-content { width: calc(100% - 100px); padding-left: 10px; }
    .formulary-company-profile-right ul li a svg{width: 16px; height: 16px;}
    .company-profile-content h5 { font-size: 15px; }
    .company-profile-content p{font-size: 14px;}
    .single-formulary-table-wrap{overflow-x: scroll;}
    .single-formulary-table-inner { width: 700px; }
    /* formulary company page */



    /* Start Issue */
    .issue-hero-slider-wrap { padding: 60px 28px; }
    .card-btn-wrap a.transparent{order: 2;}
    .card-btn-wrap a.btn-pinik.select-btn{width: 100%;}
    /* End Issue */

    /* video page */
    .prodcast-filter-wrap { column-gap: 3%; width: 70%; }
    .prodcast-item-wrap { grid-template-columns: 1fr; grid-gap: 30px 20px; }
    .prodcast-item { padding-bottom: 30px; position: relative; }
    .prodcast-item::after{display: none;}
    /* video page */

    .formulary-company-profile-top ul{column-gap: 16px; justify-content: flex-start;}
    .formulary-company-profile-top ul li svg{width: 24px; height: 24px;}



    .formulary-company-profile-top .row{justify-content: flex-end; row-gap: 0; align-items: flex-start;}
    .formulary-company-profile-top .col-4.col-md-2.col-lg-1.pe-0, .formulary-company-profile-top .col-6.col-md-2{width: 90px !important; padding-right: 10px !important; flex: unset !important;}
    .formulary-company-profile-top .col-12.col-md-7{width: calc(100% - 90px) !important; flex: unset !important;}
    .formulary-company-profile-top .col-12.col-md-3{width: calc(100% - 90px); flex: unset !important;}
    .formulary-company-profile-top ul li svg { width: 18px; height: 18px; }
    .formulary-company-profile-top h5 { font-size: 18px;}
    .formulary-company-profile-top p { font-size: 18px;}
    .formulary-company-profile-top ul { column-gap: 10px;}
    .formulary-company-profile-top figure img {aspect-ratio: 1 / 1;}
    .page-responsive .card-item-wrap{
        margin-left: 0px;
        margin-right: 0px;
        float: unset;
    }

}


@media (max-width: 375px) {
    .top-companies-tab-trigger ul li {max-width: 125px; text-align: center;}
    .top-companies-tab-trigger ul li a{padding: 5px;}
    .top-companies-list table tr th span {
        column-gap: 0;
    }
    .top-companies-list table tr td h6 {font-size: 10px;}
    
}
 .mobile-nav-wrap {
        display: none;
    }
    .page-responsive .card-item-wrap{
        margin-left: 0px;
        margin-right: 0px;
        float: unset;
    }
@media (max-width: 1020px) {

    /* Start Header Style */
   

    .ad-bar-top {
	width: 100%; height: 75px; background-color: var(--black);
}
    .header-container {
        box-shadow: 0 0.1rem 2rem rgba(0, 0, 0, .1);
    }

    .main-nav nav {
        display: none;
    }

    .header-cta .c-btn-primary.header-subscribe {
        display: none;
    }

    .header-secondary {
        display: none;
    }

    .header-main {
        position: relative;
    }

    .header-cta {
        left: 0;
        position: absolute;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        top: 50%;
        transform: translateY(-50%);
    }

    .header-main {
        position: relative;
        display: block;
    }

    .logo {
        margin: auto;
        position: relative;
        z-index: 7;
    }

    .hamburger {
        display: block !important;
        width: 22px;
    }

    .hamburger svg {
        width: 100%;
        color: var(--black);
    }

    .main-nav {
        overflow: hidden;
        padding: 3px 30px;
    }

    .header-form-close-button {
        display: block !important;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: none;
        border: 0;
        color: inherit;
        font: inherit;
        outline: inherit;
        padding: 0;
        position: absolute;
        right: -25px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .searchShown .logo {
        width: 0;
        height: 0;
    }

    .searchShown .header-signin {
        opacity: 0;
        visibility: hidden;
    }

    .searchShown .header__form {
        display: block;
        position: relative;
    }


    .mobile-nav-wrap {
        background-color: var(--white);
        height: 100dvh;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 9;
    }

    


    .mobile-nav-footer {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        bottom: 0;
        -webkit-box-shadow: -2px 4px 45px rgba(0, 0, 0, .13);
        box-shadow: -2px 4px 45px rgba(0, 0, 0, .13);
        height: 66px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 2rem;
        position: absolute;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .mobile-navigation-nav {
        color: var(--dark-gray);
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 48px;
        list-style: none;
        margin: 0;
        padding: 0;
        align-items: center;
    }

    .mobile-navigation-nav button {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 1px solid var(--pink);
        padding: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--pink);
        background-color: transparent;
    }

    .mobile-navigation-nav button.active {
        background-color: var(--pink);
        color: var(--white);
    }

    .mobile-navigation-nav a {
        width: 80px;
        color: var(--black);
        text-align: center;
        font-size: 16px;
        line-height: 26px;
        text-decoration: underline;
        font-weight: 700;
    }

    .mobile-nav-content {
        width: 100%;
        height: calc(100dvh - 66px);
        overflow-x: hidden;
    }

    .mobile-nain-nav {
        width: 100%;
    }

    .navmobile-searchShown .mobile-nain-nav {
        display: none;
    }

    .mobile-nav-header {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 0.1rem solid var(--light-gray);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 24px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .mobile-nav-logo {
        width: 75px;
    }

    .mobile-nav-header button {
        background-color: transparent;
        border: none;
        outline: none;
    }

    .mobile-nav {
        width: 100%;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        transition: .3s ease-in-out;
    }

    .mobile-nav.subnavShown {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .mobile-nav ul {
        padding: 0;
    }

    .mobile-nav ul li a {
        padding: 24px 0 8px 45px;
        color: var(--black);
        font-size: 16px;
        line-height: 26px;
        font-weight: 500;
        display: block;
    }

    .mobile-nav ul li.has-sub-nav a:after {
        content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjUwOCA3TDQuMjU0IDIuNzQ2bC44MjUtLjgyNUwxMC4xNiA3bC01LjA4IDUuMDgtLjgyNS0uODI2TDguNTA4IDd6IiBmaWxsPSIjRTA0RTkwIi8+PC9zdmc+);
        webkit-filter: brightness(0);
        filter: brightness(0);
        margin-left: 10px;
    }

    .mobile-sub-menu {
        background-color: var(--white);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        left: 0;
        min-height: unset;
        opacity: 0;
        padding: unset;
        pointer-events: unset;
        position: absolute;
        top: 0;
        -webkit-transform: translateX(200%);
        -ms-transform: translateX(200%);
        transform: translateX(200%);
        -webkit-transition: all 1s ease-in-out;
        transition: all 1s ease-in-out;
        visibility: hidden;
        width: 100%;
    }

    .sub-each-nav .mobile-sub-menu {
        opacity: 1;
        pointer-events: all;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible;
    }

    .mobile-sub-menu span {
        cursor: pointer;
        border-bottom: 0.1rem solid var(--light-gray);
        color: var(--pink);
        font-weight: 700;
        padding-bottom: 16px !important;
        padding-top: 16px !important;
        position: relative;
        padding-left: 46px;
    }

    .mobile-sub-menu span:before {
        content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQ4NiA3bDQuMjUgNC4yNTQtLjgyNC44MjVMMy44MzggN2w1LjA3NC01LjA4LjgyNC44MjZMNS40ODYgN3oiIGZpbGw9IiNFMDRFOTAiLz48L3N2Zz4=);
        left: 26px;
        position: absolute;
        top: 54%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .mobile-sub-menu ul li a:after {
        display: none;
        color: rgb(71, 74, 87);
    }

    .menu-search-wrap {
        width: 100%;
        display: none;
    }

    .navmobile-searchShown .menu-search-wrap {
        display: block;
    }

    .menu-search-header {
        padding: 33px;
        border-bottom: 1px solid rgb(217, 219, 225);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .navigation__search {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .navigation__search svg {
        width: 22px;
    }

    .navigation__search p {
        font-size: 16px;
        line-height: 1.625;
        font-weight: 700;
        margin: 0;
    }

    .menu-search {
        width: 100%;
        padding: 64px 30px 0;
        position: relative;
    }

    .menu-search-input {
        position: relative;
    }

    .menu-search input {
        width: 100%;
        background-color: var(--white);
        border: 0.1rem solid var(--light-gray);
        border-radius: 20px;
        padding: 5px 38px 5px 32px;
        font-size: 12px;
        font-weight: 600;
        color: rgb(11, 13, 23);
        outline: none;
        height: 32px;
        appearance: none;
    }

    .menu-search svg {
        height: 14px;
        width: 14px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: none;
        border: 0;
        color: inherit;
        font: inherit;
        outline: inherit;
        padding: 0;
        padding: 0 !important;
        position: absolute;
        right: 23px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .menu-search button {
        width: 100%;
        height: 40px;
        margin-top: 32px;
        border: none;
        outline: none;
    }

    /* End Header Style */


    /* Start Brand Profile Style */
    .brand-profile-page .companies-card { padding: 20px;}
    /* End Brand Profile Style */
    .header-wrap{padding-top: 67px;}

    .page-responsive .card-item-wrap{
        margin-left: 0px;
        margin-right: 0px;
        float: unset;
    }

}
@media (min-width: 992px) and (max-width: 1200px) {

    .companies-card{padding-inline: 20px;}
    .dirrectory-list-page .companies-card ul li a { grid-template-columns: 1fr 134px 50px}

    
    .formulary-company-profile-top ul {column-gap: 8px;}
    .formulary-company-profile-top svg{width: 1rem; height: 1rem;}

}
@media (min-width: 1025px) and (max-width: 1280px) {

    .main-nav > nav > ul > li {font-size: 13px; padding: 0 6px;}
    .header-cta{gap: 10px;}
    .header-main { gap: 15px; grid-template-columns: 75px 1fr -webkit-max-content; grid-template-columns: 75px 1fr max-content; }
    .header-subscribe { padding: 5px 20px;}
    .main-nav > nav > ul > li.has-nav > a::after{-webkit-transform: scaleY(-1) translateY(0px); -ms-transform: scaleY(-1) translateY(0px); transform: scaleY(-1) translateY(0px)}
}
@media (min-width: 1021px){

    .mobile-nav-wrap{display: none !important;}


}


/* ******************* Webinar page style css ********************* */
.loader img{
    display: block;
  margin-left: auto;
  margin-right: auto;
  width: 10%;
        }

        .btn_webi a {
    color: var(--pink) !important;
    text-decoration: none;
    display: block;
    border: 1px solid var(--pink);
    padding: 0;
    text-align: center;
    border-radius: 20px;
    cursor: pointer;
    font-size: 14px;
    height: 45px;
    font-weight: 700;
    line-height: 42px;
} 
.btn_webi
{
    margin-top:15px; 
}
.btn_webi a:hover {
    background-color: var(--pink) !important;
    color:var(--white) !important; 
}
.webinor_loop ul.news_tags_c {
    background-color: #eeeff4;
    width: 180px;
    padding: 8px 8px;
    text-align: center;
    font-size: 12px;
    border-radius: 8px;
    margin-bottom: 15px;
} 
.webinor_loop ul.news_tags_c i.fa-regular.fa-calendar-days {
    font-weight: 300;
    color: #00000059; 
}
.webinor_loop ul.news_tags_c i.fa-regular.fa-clock {
    margin-left: 8px; 
}

/* .thum-blog {
    width: 35%;
    margin-right: 0;
    position: relative;
    border-radius: 8px;
} */

.featured-image {
    max-width: 100%; /* Adjust as needed */
    border-radius: 8px;
}
/* .webinor_loop .art_inner .thum-blog {
    width: 35%;
    margin-right: 0;
    position: relative;
    border-radius: 10px;  
    height: 100%;
} */

.webinor_loop .art_inner p { 
    font-size: 12px;
    line-height: 22px;
}

.webinor_loop .active-less {
    font-size: 12px;
    color:var(--pink);
    cursor: pointer !important;
    padding-top: 15px;
    padding-bottom: 10px;
}

.webinor_loop .active-show
{
    font-size: 12px;
    color: var(--pink);;
    cursor: pointer !important;
    padding-top: 15px;
    padding-bottom: 4px;
} 

.webinor_loop .active-show .fa-angle-up:before {
    content: "\f106";
    position: relative;
    top: 1px;
    left: 3px;
}
.webinor_loop .active-less .fa-angle-down:before {
    content: "\f107";
    position: relative;
    top: 1px;
    left: 4px;
} 

article.c-resources-list-item__item.webinor_loop {
    padding-bottom: 15px;
    margin-bottom: 45px; 
} 
.post-type-archive-webinar .filter_sec_cat
{
    display:none;
} 
.c-resources-list-item__item .art_inner {
    display: flex;
}

.webinor_loop .content_c {
    width: 100%;
    margin-left: 2%;
    position: relative;
}
.content_c a {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 18px;
    color: var(--black);
    line-height: 24px;
    text-decoration: none;
}

.content_c p {
    color:var(--black);
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 7px;
}
b, strong {
    font-weight: bolder;
}
.entry-meta {
    color:var(--black);
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
}
.updated:not(.published) {
    display: none;
}

.readmorebtn i.fa-solid {
    position: relative;
    left: 6px;
    top: 1px;
}
/* .tax-magazine_issues .filter_sec_cat {
    display: none;
}  
 .tax-magazine_issues h2.c-topic-header__title, .post-type-archive-webinar h2.c-topic-header__title {
    width: 60%; 
}*/
/* Adjust font size for non-responsive items */
.non-responsive-item {
    font-size: 14px; /* Adjust the font size as needed */
}

/* Remove responsiveness for the container */
.non-responsive-container {
    width: 400px; /* Set a fixed width for the container */
}
      
.toggle-arrow {
    font-size: 14px;
    margin-left: 5px;
    display: inline-block;
    transition: transform 0.3s ease;
}

.toggle-arrow-expanded {
    display: none; /* Hide expanded arrow by default */
}

.c_list.active .toggle-arrow {
    display: none;
}

.c_list.active .toggle-arrow-expanded {
    display: inline;
}

.c_list .toggle-arrow {
    display: inline;
}





 
  
  
  
  
 
  
 
  