[x-cloak] { display: none !important; }

.poppins-thin {
font-family: "Poppins", sans-serif;
font-weight: 100;
font-style: normal;
}

.poppins-extralight {
font-family: "Poppins", sans-serif;
font-weight: 200;
font-style: normal;
}

.poppins-light {
font-family: "Poppins", sans-serif;
font-weight: 300;
font-style: normal;
}

.poppins-regular {
font-family: "Poppins", sans-serif;
font-weight: 400;
font-style: normal;
}

.poppins-medium {
font-family: "Poppins", sans-serif;
font-weight: 500;
font-style: normal;
}

.poppins-semibold {
font-family: "Poppins", sans-serif;
font-weight: 600;
font-style: normal;
}

.poppins-bold {
font-family: "Poppins", sans-serif;
font-weight: 700;
font-style: normal;
}

.poppins-extrabold {
font-family: "Poppins", sans-serif;
font-weight: 800;
font-style: normal;
}

.poppins-black {
font-family: "Poppins", sans-serif;
font-weight: 900;
font-style: normal;
}

.poppins-thin-italic {
font-family: "Poppins", sans-serif;
font-weight: 100;
font-style: italic;
}

.poppins-extralight-italic {
font-family: "Poppins", sans-serif;
font-weight: 200;
font-style: italic;
}

.poppins-light-italic {
font-family: "Poppins", sans-serif;
font-weight: 300;
font-style: italic;
}

.poppins-regular-italic {
font-family: "Poppins", sans-serif;
font-weight: 400;
font-style: italic;
}

.poppins-medium-italic {
font-family: "Poppins", sans-serif;
font-weight: 500;
font-style: italic;
}

.poppins-semibold-italic {
font-family: "Poppins", sans-serif;
font-weight: 600;
font-style: italic;
}

.poppins-bold-italic {
font-family: "Poppins", sans-serif;
font-weight: 700;
font-style: italic;
}

.poppins-extrabold-italic {
font-family: "Poppins", sans-serif;
font-weight: 800;
font-style: italic;
}

.poppins-black-italic {
font-family: "Poppins", sans-serif;
font-weight: 900;
font-style: italic;
}


.ubuntu-light {
font-family: "Ubuntu", sans-serif;
font-weight: 300;
font-style: normal;
}

.ubuntu-regular {
font-family: "Ubuntu", sans-serif;
font-weight: 400;
font-style: normal;
}

.ubuntu-medium {
font-family: "Ubuntu", sans-serif;
font-weight: 500;
font-style: normal;
}

.ubuntu-bold {
font-family: "Ubuntu", sans-serif;
font-weight: 700;
font-style: normal;
}

.ubuntu-light-italic {
font-family: "Ubuntu", sans-serif;
font-weight: 300;
font-style: italic;
}

.ubuntu-regular-italic {
font-family: "Ubuntu", sans-serif;
font-weight: 400;
font-style: italic;
}

.ubuntu-medium-italic {
font-family: "Ubuntu", sans-serif;
font-weight: 500;
font-style: italic;
}

.ubuntu-bold-italic {
font-family: "Ubuntu", sans-serif;
font-weight: 700;
font-style: italic;
}


.newsreader-500 {
font-family: "Newsreader", serif;
font-optical-sizing: auto;
font-weight: 500;
font-style: normal;
}

.newsreader-600 {
font-family: "Newsreader", serif;
font-optical-sizing: auto;
font-weight: 600;
font-style: normal;
}

.newsreader-700 {
font-family: "Newsreader", serif;
font-optical-sizing: auto;
font-weight: 700;
font-style: normal;
}

.newsreader-800 {
font-family: "Newsreader", serif;
font-optical-sizing: auto;
font-weight: 800;
font-style: normal;
}

.roboto-thin {
font-family: "Roboto", system-ui;
font-weight: 100;
font-style: normal;
}

.roboto-light {
font-family: "Roboto", system-ui;
font-weight: 300;
font-style: normal;
}

.roboto-regular {
font-family: "Roboto", system-ui;
font-weight: 400;
font-style: normal;
}

.roboto-medium {
font-family: "Roboto", system-ui;
font-weight: 500;
font-style: normal;
}

.roboto-bold {
font-family: "Roboto", system-ui;
font-weight: 700;
font-style: normal;
}

.roboto-black {
font-family: "Roboto", system-ui;
font-weight: 900;
font-style: normal;
}

.roboto-thin-italic {
font-family: "Roboto", system-ui;
font-weight: 100;
font-style: italic;
}

.roboto-light-italic {
font-family: "Roboto", system-ui;
font-weight: 300;
font-style: italic;
}

.roboto-regular-italic {
font-family: "Roboto", system-ui;
font-weight: 400;
font-style: italic;
}

.roboto-medium-italic {
font-family: "Roboto", system-ui;
font-weight: 500;
font-style: italic;
}

.roboto-bold-italic {
font-family: "Roboto", system-ui;
font-weight: 700;
font-style: italic;
}

.roboto-black-italic {
font-family: "Roboto", system-ui;
font-weight: 900;
font-style: italic;
}



h1, h2, h3, h4, h5, h6
{
font-family: "Roboto", system-ui;
font-weight: 500;
font-style: normal;
}

p, li{
font-family: "Roboto", system-ui;
font-weight: 400;
font-style: normal;
}

.text-dark
{
/* color: #202124 !important; */
/* color: #192435 !important; */
/* color: #082b61 !important; */
/* color: #00002D !important; */
color: #213343 !important;
}

.text-brand
{
/* color: #1a73e8 !important; */
color: #e64809 !important;
}

.text-primary
{
color: #1a73e8 !important;
}

/* .text-secondary
{
color: rgba(15, 44, 69, 0.81) !important;
color: #00002D !important;
color: #213343 !important;
} */

.border-brand
{
border-color: #e64809 !important;
}

.border-primary
{
border-color: #1a73e8 !important;
}

.btn-brand
{
/* background: #1a73e8 !important; */
background-color: #e64809 !important;
border-color: #e64809 !important;
color: white;
}

.btn-brand:hover
{
/* background: #185ABC !important; */
background-color: #e96734 !important;
border-color: #e96734 !important;
color: white;
}

.btn-primary
{
/* background: #1a73e8 !important; */
background-color: #1a73e8 !important;
border-color: #1a73e8 !important;
}

.btn-primary:hover
{
/* background: #185ABC !important; */
background-color: #185ABC !important;
border-color: #185ABC !important;
}

.bg-brand,
.table-brand
{
/* background: #1a73e8 !important; */
background-color: #e64809 !important;
}

.bg-primary
{
background: #1a73e8 !important;
}

.bg-light
{
/* background: #F1F3F4 !important; */
/* background: #F8F9FA !important; */
/* background: #DFE4E878 !important; */
background: #F6F9FC !important;
}

.bg-brands
{
/* background: #faf0bb; */
/* background: #fdfcc6; */
background: #FED600;
/* background: #faf88573; */
/* background: #edfdd0f7; */
}

.bg-publishers
{
/* background: #bbfacb; */
background: #D23246;
}

.bg-medihouse
{
background: #086900E3;
}

.fs-55
{
font-size: 1.2em !important;
}



.fs-65
{
font-size: 0.95em;
letter-spacing: 1px;
}

.fs-70
{
font-size: 0.88em;
letter-spacing: 1px;
}

.fs-7
{
font-size: 0.8em;
letter-spacing: 1px;
}

.bg-light-secondary
{
/* background-color: #E8F0FE; */
/* background-color: #FEEEE8; */
background-color: #FEF4EA;
/* background: #FEF4EA; */
/* background-color: #F4EFE8; */
}

.bg-primary-gradient
{
/* background-image: linear-gradient(to left,rgb(7, 29, 65) 25%,rgb(29, 26, 134) 75%); */
/* background-image: linear-gradient(to left,rgb(2, 7, 16) 25%,rgb(3, 2, 47) 75%); */
background-image: linear-gradient(to left,rgb(133, 44, 9) 25%,rgb(233, 103, 52) 75%);
}

.bg-footer
{
background-color: #192733;
}
.bg-lightblue
{
background: #E8F0FE;
}

.text-lightblue
{
color: #E8F0FE;
}
.bg-body
{
background: #00002D !important;
}

@media (min-width: 1400px) {
/* .container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl
*/

.container {
/* max-width: 1460px !important; */
max-width: 1360px !important;
/* max-width: 1260px !important; */
}

.container-md {
max-width: 1360px !important;
/* max-width: 1260px !important; */
}
}

.hover-scale {
transition: transform 0.3s ease; /* Smooth transition */
}

.hover-scale:hover,
.hover-scale-h {
transition: transform 0.3s ease;
transform: scale(1.070); /* Scale image to 110% on hover */
}

.bg-info
{
background: #E8F0FE !important;
}

.border-info
{
border-color: #748fbf !important;
}

.text-info
{
color: #254171 !important;
}

.flip
{
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}


.cursor-hand:hover
{
cursor: pointer;
}


.header-shadow
{
    box-shadow: 0 0 8em 0 #fff;
}

.header-shadow-sm
{
    box-shadow: 0 0 2em 0 #fff;
}

/* Apply to specific elements */
.no-select {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.animate-hidden {
opacity: 0;
transform: translateX(-50px);
transition: opacity 3.5s ease, transform 3.5s ease;
}
.animate-visible {
opacity: 1;
transform: translateX(0);
}

.article-body
{
padding: 1em 0 3em 0;
font-family: "roboto-medium";
font-size: 1.3em;
font-weight: 400;
line-height: 1.7em;
}

.article-body h2
{
padding: 2em 0 0.8em 0;
font-size: 1.7em;
font-weight: 700;
color: black;
}

.article-body p
{
color: #3a3d3f;
}

.article-body a
{
color: #e64809;
text-decoration: none;
}

.article-body a:hover
{
text-decoration: underline;
}

.article-body img
{
width: 100%;
height: 100%;
margin: 2em 0;
}

.article-body ul li
{
margin: 0.8em 0;
}

#article .nav-pills .nav-link.active{
    color: rgb(25, 135, 84) !important;
    border-left: 2px solid rgb(25, 135, 84) !important;
    background: white !important;
    border-radius: 0px !important;
    text-decoration: none !important;
}

#b2bmarketersheader .nav-item .nav-link
{
    padding: 0px !important;
}

#b2bmarketersheader .nav-pills .nav-link.active
{
    color: #f66024 !important;
    padding: 0px !important;
    background: white !important;
    border-radius: 0px !important;
    text-decoration: none !important;
}

#footer li:hover,
#footer li:hover a
{
    color: #f66024 !important;
}