/* use this file instead of the SASS files */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
.hero_top_button {
margin-bottom: 2rem;
}
.hero_top_button a {
background-color: rgba(0, 0, 0, .3);
border-radius: 50px;
color: #fff;
padding: 6px 15px;
line-height: 1;
transition: all .3s;
}
.hero_top_button a:hover {
background-color: rgba(0, 0, 0, .8);
text-decoration: underline;
}
.hero_top_button a::after {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f105";
margin-left: 5px;
transition: all .3s;
}
.hero_top_button a:hover::after {
margin-left: 10px;
}
.page-hero.home h1 {
font-size: 60px;
;
}
.page-hero .sub-heading {
max-width: unset;
font-size: 20px;
margin-bottom: 35px !important;
}
.platform-left {
width: 28px !important;
height: 28px !important;
margin: 0 0 0.5em;
}
.heading-custom,
.title-left {
margin-left: 1em !important;
}
.heading-custom {
margin-bottom: 1em !important;
}
.h2-custom {
font-size: 2.3em !important;
}
.h5-custom>h4 {
font-weight: 500 !important;
font-size: 18px;
line-height: 1.7;
}
.row-left {
flex-direction: row !important;
}
.custom-description {
padding: 0 8em 0 0 !important;
}
.custom-img-big {
max-width: 100% !important;
}
.header-transparent:not(.fixed-position) .utility-nav .btn {
background: #C947BB !important;
color: #fff !important;
}
.header-transparent:not(.fixed-position) .utility-nav li:nth-child(2) .btn {
background: transparent !important;
color: #fff !important;
border: 2px solid #fff !important;
}
.header-transparent:not(.fixed-position) .utility-nav .btn:hover {
background: #121213 !important;
}
.header-transparent:not(.fixed-position) .utility-nav li:nth-child(2) .btn:hover {
background: #121213 !important;
border: 2px solid transparent !important;
}
.header-transparent.fixed-position .utility-nav li:nth-child(2) .btn:hover {
background: #000 !important;
border: 2px solid transparent !important;
color: #fff !important;
}
#wrapper:not(.fixed-position) .utility-nav li:nth-child(2) .btn {
background: transparent;
color: #000;
border: 2px solid #000;
}
#wrapper:not(.fixed-position) .utility-nav li:nth-child(2) .btn:hover {
background: #000;
color: #fff;
border: 2px solid #000;
}
.header-transparent:not(.fixed-position) .nav>li>a:not(.btn):hover {
color: #D037C5 !important;
opacity: 0.7 !important;
}
header.blog-upper-non-active .utility-nav li:nth-child(2) .btn {
background: transparent !important;
color: #fff !important;
border: 2px solid #fff !important;
}
header.blog-upper-non-active .utility-nav li:nth-child(2) .btn:hover {
background: #000 !important;
color: #fff !important;
border: 2px solid #000 !important;
}
.choose-section {
background: #F8F8F9 !important;
}
.testimonial p {
font-weight: 500 !important;
}
.custom-btn-homepage {
background: #fff !important;
color: #121213 !important;
}
.custom-btn-homepage:hover {
background: #121213 !important;
color: #fff !important;
}
.custom-right-arrow {
margin-top: 0 !important;
margin-left: 0.5em !important;
}
.custom-description .btn i {
font-size: 15px;
}
.factors.three-column .image_wrap {
height: auto !important;
aspect-ratio: 3 / 2;
}
.three-col-article.with-meta-information .btn-wrap .btn,
.three-col-article.with-meta-information .btn-wrap .btn:hover {
font-weight: 700 !important;
}
.three-col-article.with-meta-information .btn-wrap .btn:hover {
color: #fff !important;
border: 2px solid #fff !important;
background: #121213 !important;
}
.custom-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 5em;
align-items: flex-start;
gap: 15%;
}
.custom-container .row,
.custom-container-new .row {
flex: 1;
min-width: 0;
}
.override-custom-description {
padding: 0 !important;
}
.override-h2-custom {
margin-bottom: 10px !important;
}
.platform-left-new {
width: 50px !important;
height: 50px !important;
margin: 0 0 2em;
}
#wrapper>article:nth-child(7)>div.container.custom-container-new.is-appeared>div:nth-child(3)>div>img {
width: 60px !important;
}
.custom-container-new {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 6em;
align-items: flex-start;
gap: 9%;
}
.override-h2-custom>span {
color: #D037C5;
}
.h2-custom-size {
font-size: 1.7em !important;
}
.h3-custom-new {
font-size: 23px;
line-height: 1.3;
margin-bottom: 16px;
}
.h5-custom-new {
font-size: 18px;
}
.h3-h5-custom {
font-family: sofia-pro, Arial, Helvetica, sans-serif !important;
font-size: 18px;
line-height: 1.7;
font-weight: 700 !important;
margin-left: 1em !important;
margin-top: 0 !important;
margin-bottom: 0.5em !important;
margin-right: 0 !important;
color: inherit !important;
}
.partners-slider-wrap.alt .container {
max-width: 100% !important;
padding: 0;
}
.partners-slider-wrap.alt {
position: relative;
overflow: hidden;
}
.partners-slider-wrap.alt::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 10em;
height: 100%;
background: linear-gradient(to right, white, transparent);
z-index: 999;
}
.partners-slider-wrap.alt::after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 10em;
height: 100%;
background: linear-gradient(to left, white, transparent);
z-index: 999;
}
#header+:not([class^=hero], .page-hero) {
margin-top: 120px;
}
.partners-list .slide svg path {
fill: #667181 !important;
}
.merchandising,
.fulfillment {
color: #737F8F;
font-size: 12px;
}
.fulfillment {
padding-top: 5rem;
}
.ico-wrap-inner {
border: solid 1px transparent;
border-radius: 8px;
padding: 7px;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.menu-item:hover>.menu-link>.ico-wrap>.ico-wrap-inner {
border: solid 1px #d037c5;
box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
}
.menu-item:hover>.menu-link>.ico-wrap>.ico-wrap-inner>img,
.menu-item:hover>.menu-link>.ico-wrap>.ico-wrap-inner,
.menu-item:hover>.menu-link>.ico-wrap {
opacity: 1;
}
.ico-wrap-inner>img {
min-width: 24px;
max-height: 24px;
}
.product-menu .desc>strong {
margin-bottom: 0;
}
.product-menu {
font-size: 15px;
line-height: 1.1;
}
.product-menu li {
margin-bottom: 2em;
}
.butter,
#menu-header-menu>li>a:nth-child(3) {
display: none;
}
.single-post h4 {
font-size: 24px;
line-height: 1.625;
font-weight: 500;
}
.single-post h5 {
font-size: 20px;
line-height: 1.7;
font-weight: 500;
}
.single-post p {
font-size: 18px;
line-height: 1.667;
}
.single-post .text-hold {
max-width: max-content;
}
.single-post ul,
.single-post ol li {
font-size: 18px;
line-height: 1.667;
}
.single-post ul li {
padding: 0;
}
.single-post blockquote p {
font-size: 24px;
line-height: 1.625;
}
.single-post .text-hold {
padding-top: 4em;
}
.article ul:not([class]) ul,
.article ol ul {
margin-bottom: 0;
}
ol {
padding-left: 25px;
}
ol li {
padding-left: 13px;
}
.container.narrow-content {
max-width: 800px;
}
.bg-white {
background: #fff;
}
.investors-slider-custom>.slide {
margin-top: 3em;
}
.grid-display img,
.grid-display-three img {
width: 100%;
}
.custom-title {
font-size: 22px;
color: #121213;
}
.custom-title-black {
font-size: 22px;
color: #000;
}
.custom-position {
font-size: 15px;
color: #121213;
}
.flex-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.grid-display {
flex: 0 1 calc(25% - 25px);
display: flex;
flex-direction: column;
margin-top: 3em;
}
.articles .max-character {
margin-bottom: 0;
line-height: 1.333;
font-weight: 700;
font-family: sofia-pro, Arial, Helvetica, sans-serif;
}
.articles .max-character a {
display: block;
color: #121213;
}
.page-blog .max-character,
.page-product-release .max-character {
font-size: 24px;
}
@media (max-width: 1235px) {
#header-blog-lower .container,
.custom-blog-navbar {
margin-left: 22px;
margin-right: 22px;
}
}
.flex-container {
justify-content: flex-start;
gap: 30px;
}
@media (max-width: 1023px) {
.grid-display {
flex: 0 1 calc(33.333% - 20px);
}
}
@media (max-width: 768px) {
.grid-display {
flex: 0 1 calc(50% - 15px);
}
}
@media (max-width: 480px) {
.flex-container {
display: block;
}
.grid-display {
flex: 0 1 calc(100% - 10px);
}
}
.grid-display-three {
flex: 0 1 calc(33.333% - 20px);
display: flex;
flex-direction: column;
margin-top: 3em;
}
@media (max-width: 1023px) {
.grid-display-three {
flex: 0 1 calc(50% - 15px);
}
}
@media (max-width: 768px) {
.grid-display-three {
flex: 0 1 calc(100% - 10px);
}
}
.our-team .heading-custom h2 {
width: 100%;
}
.custom-position-three {
font-size: 16px;
color: #121213;
}
@media (max-width: 1279px) {
.custom-description {
padding-right: 15px !important;
padding-left: 15px !important;
}
}
@media (max-width: 1023px) {
.fulfillment {
padding-top: 0;
}
.product-menu {
display: block;
}
}
@media (max-width: 767px) {
.custom-img-hold {
padding: 0 0 45px !important;
}
.heading-custom>div {
display: flex !important;
}
.custom-container,
.custom-container-new {
display: block;
}
.custom-container>.row:nth-child(2),
.custom-container>.row:nth-child(3),
.custom-container-new>.row:nth-child(2),
.custom-container-new>.row:nth-child(3) {
margin-top: 2em;
}
.custom-heading-new {
text-align: center !important;
}
}
@media (max-width: 767px) {
.page-hero.home .hero-btns-list {
margin: 10px;
}
.page-hero.home h1 {
font-size: 48px;
;
}
.page-hero .hero-content-row .inner {
padding-bottom: 2rem;
}
}
/*Additions 3/22/24 ETP for Products Menu*/
.ico-wrap-inner {
border: 1px solid #fafafa !important;
height: 64px;
width: 64px;
}
.product-menu .desc {
margin-left: 20px;
margin-top: 8px;
}
.ico-wrap-inner>img {
min-width: 30px;
max-height: 30px;
margin-top: 10px;
margin-left: 10px;
}
.menu-item:hover>.menu-link>.ico-wrap>.ico-wrap-inner,
.ico-wrap-inner:hover {
background-color: #fafafa !important;
box-shadow: 0px 0px 0px 0px #fafafa !important;
}
/*Additions 3/21/24 ETP for Products Menu Desktop only*/
@media (min-width:1024px) {
.product-menu {
width: 720px !important;
}
.fulfillment {
padding-top: 6rem !important;
}
}
/*Additions 3/22/24 ETP for Products Menu Mobile only*/
@media (max-width:1023px) {
.product-menu {
width: 98% !important;
}
}
.investors {
background: #f8f8f9;
}
.social-networks li a {
color: #f3f3f3;
transition: color 0.3s ease-in-out;
}
.linkedin-link::after {
content: "";
position: absolute;
margin-top: 10px;
margin-left: -18px;
width: 15px;
height: 15px;
background: #737f8f;
z-index: -1;
transition: background 0.3s ease-in-out;
}
.social-networks li a:hover {
color: #0077b5;
}
.social-networks li a.linkedin-link:hover::after {
background: #FFFFFF;
}
.footer-bottom>.social-networks>li:nth-child(2)>a {
color: #b3bac5;
transition: color 0.3s ease;
}
#footer>div>div.footer-bottom>ul.social-networks>li:nth-child(2)>a>i:hover {
color: #d037c5;
transition: color 0.3s ease;
}
#footer h2 {
margin-bottom: 13px;
}
.policy-links,
.policy-links li a {
color: #6B7785;
}
.hidden {
display: none;
}
.show-more-button-parent {
text-align: center;
text-align: -webkit-center;
text-align: -moz-center;
margin-top: 2rem;
}
.backgroundF7F7FC,
section.backgroundF7F7FC,
article.backgroundF7F7FC {
background: #F7F7FC;
}
.hero-video iframe {
width: 100%;
aspect-ratio: 16 / 9;
overflow: hidden;
border-radius: 19px;
}
.d-content iframe,
.d-content video {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.custom-head-button .hero-btns-list a {
border-color: transparent;
}
.new-pim-page ul li a {
background: #121213 !important;
color: #fff !important;
}
.new-pim-page ul li a:hover {
background: #fff !important;
color: #121213 !important;
}
.custom-padding-top {
padding-top: 50px;
}
.custom-padding-top .d-content {
padding-top: 20px;
}
@media only screen and (max-width: 768px) {
.custom-heading-section h2 {
font-size: 40px !important;
}
}
.basic-html-numbered-list,
.custom-media-image {
background: #fff;
padding-bottom: 0;
}
.basic-html-numbered-list ol {
counter-reset: item;
list-style-type: none;
padding-left: 0;
}
.basic-html-numbered-list ol li {
display: flex;
align-items: baseline;
margin-bottom: 5px;
padding-left: 0;
}
.basic-html-numbered-list ol li::before {
content: counter(item) "";
counter-increment: item;
color: #D037C5;
margin-right: 10px;
line-height: 1em;
min-width: 20px;
font-weight: 700;
}
.custom-gray-background-columns .custom-container-new {
margin-top: 0;
}
.custom-gray-background-columns .description.custom-description.override-custom-description.is-appeared {
text-align: center;
}
.custom-gray-background-columns .custom-container-new {
gap: 6%;
}
.custom-gray-background-columns .row {
background: #f3f3f3;
border-radius: 20px;
padding: 3rem 0;
}
@media (max-width: 570px) {
.stand-alone-header-image.page-hero.home .hero-content-row .col-md-6:last-child {
display: block !important;
}
}
.stand-alone-header-image {
background-size: cover !important;
}
.spacing-top-sub-heading>p>img {
min-width: 50%;
margin-top: 2rem;
}
.article.custom-media-image>div>div>p:nth-child(1) {
text-align-last: center;
}
.article.custom-media-image>div>div>p:nth-child(1)>img {
min-width: 50%;
}
.circle-image-testimonials .blockquote-footer .designation {
font-size: larger;
color: #000;
}
.circle-image-testimonials .blockquote-footer .customer-name {
font-weight: 700;
}
.circle-image-testimonials {
padding: 50px 0 50px;
}
.overlapping-images .testimonial-block {
display: flex;
align-items: center;
}
.overlapping-images .testimonial-media {
display: flex;
align-items: center;
margin-right: 20px;
}
.overlapping-images .avatar,
.overlapping-images .logo {
border-radius: 50%;
overflow: hidden;
position: relative;
}
.overlapping-images .avatar {
width: 120px;
height: 120px;
margin-right: 15px;
}
.overlapping-images .logo {
width: 60px;
height: 60px;
}
.overlapping-images .placeholder {
display: flex;
align-items: center;
justify-content: center;
background-color: #ddd;
text-align: center;
width: 100%;
height: 100%;
}
.overlapping-images .testimonial-content {
flex: 1;
}
.overlapping-images .blockquote-footer {
margin-top: 10px;
}
.overlapping-images .name {
font-weight: bold;
}
.bottom-download-cta .btn.btn-outline {
border-color: #121213 !important;
background: #121213 !important;
color: #fff !important;
transition: background 0.3s, border-color 0.3s, color 0.3s !important;
}
.bottom-download-cta .btn.btn-outline:hover {
border-color: #121213 !important;
background: transparent !important;
color: #121213 !important;
}
.bottom-download-cta>div>div>div>div>span {
color: #121213 !important;
font-weight: 600 !important;
font-size: 45px !important;
margin-bottom: 0 !important;
}
.custom-media-image>div>div {
padding-top: 0 !important;
}
.custom-gray-background-columns .row {
min-height: 470px;
}
.custom-gray-background-columns .row .description {
align-self: flex-start;
}
.bottom-download-cta h3 {
width: 70%;
position: relative;
margin: auto;
bottom: 2rem;
}
.download-pdf a {
background: #C947BB !important;
color: #fff !important;
}
.download-pdf a:hover {
background: #121213 !important;
color: #fff !important;
}
@media (max-width: 767px) {
.circle-image-testimonials .testimonials-slider-single .slide blockquote q {
text-align: center;
}
}
.custom-hero-styles {
padding-top: 40px !important;
}
.custom-hero-styles .hero-content-row {
min-height: 450px !important;
}
.custom-gray-background-columns {
padding-top: 40px !important;
}
.body-div {
display: flex;
justify-content: center;
align-items: center;
margin: 0;
padding-left: 8px;
padding-right: 8px;
}
.conversion-banner {
background: linear-gradient(45deg, #15175B, #A920AD);
color: #FBCEFF;
padding: 10px 40px 40px;
border-radius: 20px;
font-size: 55px;
font-weight: bold;
text-align: center;
position: relative;
max-width: 568px;
font-family: sofia-pro, Arial, Helvetica, sans-serif !important;
}
.sub-text {
display: block;
font-size: 25px;
color: #FFFFFF;
font-weight: normal;
font-family: gilroy, Arial, Helvetica, sans-serif !important;
line-height: normal;
}
.custom-p {
transition-delay: 0s;
font-size: 18px;
line-height: 1.667;
text-align-last: left;
margin: 40px 0px;
max-width: 1180px;
}
.custom-p-div {
max-width: 1180px;
margin: 0 auto;
padding-left: 22px;
padding-right: 22px;
}
.stacked-images {
right: 0%;
position: absolute;
bottom: -40%;
display: flex;
z-index: -1;
}
.bottom-image {
z-index: 1;
right: -200%;
position: absolute;
min-width: 700%;
bottom: 7%;
}
.top-image {
z-index: 2;
min-width: 250%;
}
@media (max-width: 1024px) {
.stacked-images {
right: 10%;
}
.bottom-image {
right: -160%;
}
}
@media (max-width: 570px) {
#wrapper .custom-hero-styles .hero-content-row [class*=col-] {
display: flex !important;
}
}
@media (max-width: 425px) {
.stacked-images {
bottom: -20%;
}
}
#wrapper>article:nth-child(4)>div>div:nth-child(1)>div>img,
#wrapper>article:nth-child(7)>div.container.custom-container-new.is-appeared>div:nth-child(1)>div>img {
height: auto !important;
margin-top: -6px;
}
.copyright a {
pointer-events: auto !important;
cursor: pointer !important;
}
bar {
border-radius: 10px;
}
#header-blog-lower .custom-blog-opener {
margin-right: 22px;
}
.custom-blog-opener.icon-menu-blog:before {
color: #D037C5;
}
.custom-blog-navbar {
box-shadow: rgb(51, 51, 51) -10px 15px 42px -45px, rgb(51, 51, 51) 10px 15px 42px -45px;
}
#header-blog-lower.header-blog .nav {
border-top: 0px !important;
margin-left: 22px;
margin-right: 22px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
#menu-header-blog-menu>li>a {
padding: 0.6em 0;
}
#menu-header-blog-menu>li,
#header-blog-lower.header-blog .nav>li,
.blog-menu-item {
margin-left: 0;
padding: 0;
}
#menu-header-blog-menu>li {
border-bottom: 0px !important;
}
#menu-header-blog-menu {
box-shadow: none;
}
#header-blog-lower.header-blog .logo {
width: 165px;
height: 30px;
margin: 0;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
}
#header-blog-lower .custom-blog-opener {
cursor: pointer;
display: block;
position: absolute;
right: 22px;
top: 38px;
font-size: 22px;
-webkit-transition: top 0.3s ease-in-out;
transition: top 0.3s ease-in-out;
}
#header-blog-lower.header-blog .navbar {
-webkit-box-pack: end;
justify-content: flex-start;
}
#header-blog-lower.header-blog .navbar .nav-head .logo a {
color: #121213 !important;
}
#header-blog-lower .logo {
width: 103px;
margin-right: 76px;
}
#header-blog-lower.header-blog .logo .logo-icon {
width: 104px;
}
#header-blog-lower .logo a {
display: block;
color: #121213;
color: #D037C5;
font-weight: 500 !important;
}
#header-blog-lower.header-blog .logo svg {
width: 100%;
height: 100%;
}
#header-blog-lower.header-blog .logo ellipse,
#header-blog-lower.header-blog .logo path,
#header-blog-lower.header-blog .logo rect {
fill: #121213;
-webkit-transition: fill .3s ease-in-out;
transition: fill .3s ease-in-out;
}
#header-blog-lower.header-blog .nav,
#header-blog-lower.header-blog .utility-nav {
margin: 0 -24px;
}
#header-blog-lower.header-blog .nav>li,
#header-blog-lower.header-blog .utility-nav>li {
padding: 0 30px;
}
#header-blog-lower.header-blog .nav>li a:not(.btn),
#header-blog-lower.header-blog .utility-nav>li a:not(.btn) {
color: #121213;
}
#header-blog-lower.header-blog .navbar li a {
font-size: 16px;
}
#header-blog-lower.header-blog .search {
margin-right: 18px;
max-width: 200px;
}
#header-blog-lower.header-blog .search input[type=search] {
background: #f8f8f9;
}
#header-blog-lower.header-blog .utility-nav {
-webkit-box-pack: end;
justify-content: flex-end;
}
#header-blog-lower.header-blog .nav,
#header-blog-lower.header-blog .utility-nav {
margin: 0 -8px;
}
#header-blog-lower.header-blog .nav>li,
#header-blog-lower.header-blog .utility-nav>li {
padding: 0 30px;
}
#header-blog-lower.header-blog .navbar li a {
font-size: 16px;
}
#header-blog-lower.header-blog .logo .logo-txt {
-webkit-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;
margin-left: 3px;
font: 300 26px/1.1 gilroy, Arial, Helvetica, sans-serif;
}
#header-blog-lower,
.navbar .nav-head {
padding-top: 66px;
}
#header-blog-lower .custom-blog-opener {
top: 66px;
}
.header-blog-upper {
padding: 36px 0 74px !important;
background: transparent !important;
}
.header-blog-upper,
#header-blog-lower {
z-index: 9 !important;
}
.drop-menu-option>ul {
z-index: 10 !important;
}
@media (min-width: 1024px) {
#header-blog-lower+:not([class^=hero],
.page-hero) {
margin-top: 13em;
}
}
#header.blog-upper-non-active .logo a,
#header.blog-upper-non-active .nav>li>a:not(.btn) {
color: #fff;
}
#header.blog-upper-non-active .btn.btn-sm {
color: #121213;
background: #fff;
}
#header.blog-upper-non-active .btn.btn-sm:hover {
color: #fff;
background: #121213;
}
#header.blog-upper-active {
padding: 22px 0 !important;
}
#header.blog-upper-non-active>div>div>a>svg {
fill: #fff;
}
#header.blog-upper-active>div>div>a>svg {
fill: #121213;
-webkit-transition: fill .3s ease-in-out;
transition: fill .3s ease-in-out;
}
#header-blog-lower.blog-bottom-active .lower-menu {
background: #fff;
}
#header-blog-lower {
transition: margin-top 0.3s ease-in-out;
-webkit-transition: margin-top 0.3s ease-in-out;
}
.scrolled {
margin-top: 95px !important;
/* Apply the new margin when scrolled */
}
#header-blog-lower.blog-bottom-active {
margin-top: 95px;
background: linear-gradient(to bottom, white 70%, rgba(255, 255, 255, 0) 70%);
}
#header-blog-lower.blog-bottom-active li>a {
color: #121213;
}
#header-blog-lower.blog-bottom-active .lower-menu {
padding: 10px 15px;
transition: padding 0.3s ease-in-out;
-webkit-transition: padding 0.3s ease-in-out;
}
#header-blog-lower.header-blog .logo {
width: 213px;
}
.page-hero {
overflow: visible;
}
#header-blog-lower {
background: linear-gradient(135deg, #61155C 7%, #BA2CB0 50%, #D037C5 300%);
padding: 12em 0em 0em;
z-index: 2 !important;
bottom: 100em;
top: -10em;
}
.ready.bg-grad {
z-index: 1 !important;
}
.sticky-aside {
top: 180px !important;
z-index: 1 !important;
}
.custom-blog-opener.icon-menu-blog:before {
content: "\E900";
font: 32px / 1 icomoon;
display: inline-block;
transition: transform 0.3s ease;
-webkit-transition: transform 0.3s ease;
}
.custom-blog-opener.icon-menu-blog.active:before {
transform: rotate(-180deg);
}
@media (min-width: 1280px) {
#header-blog-lower .logo {
margin-right: 126px;
}
}
@media (min-width: 1024px) {
#header-blog-lower .custom-blog-opener {
display: none;
}
}
@media (min-width: 1024px) {
#header-blog-lower.header-blog .back {
display: none;
}
}
#footer {
z-index: 1 !important;
}
.custom-blog-navbar>#menu-header-blog-menu>li:nth-child(5),
.custom-blog-navbar>.nav-head {
display: none;
}
.search-opener .icon-search-a {
color: #fff;
}
.search-opener {
top: 6.2em;
}
#header-blog-lower.blog-bottom-active .search-opener .icon-search-a {
color: #000;
}
.search-icon-container {
position: relative;
}
.search-icon {
width: 48px;
height: 48px;
border-radius: 8px;
background-color: transparent;
border: none;
cursor: pointer;
position: relative;
}
/* Search bar and icon */
.search-icon-container.clicked .search-bar {
display: block;
}
.search-icon:hover,
.search-icon-container.clicked .search-icon {
background-color: #AA009E;
-webkit-transition: background-color .3s ease-in-out;
transition: background-color .3s ease-in-out;
}
.search-icon:hover,
.search-icon-container.clicked .search-icon:before {
color: #ffffff;
}
.search-bar {
display: none;
position: fixed;
top: 6em;
width: 100%;
background: #fff;
opacity: 1;
left: calc((100% - 1150px) / 2);
border-radius: 12px;
padding: 15px;
max-width: 1150px;
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
}
@media (min-width: 1024px) and (max-width: 1200px) {
.search-bar {
left: calc((100% - 96%) / 2);
max-width: 96%;
}
}
@media (max-width: 1023px) {
.blog-search-wrap.desktop {
display: block;
bottom: -70px;
z-index: 1;
}
.utility-nav {
align-self: center;
border-top: transparent;
}
.search-icon:before {
color: #fff !important;
}
.search-bar {
top: 75%;
left: calc((100% - 95%) / 2);
max-width: 95%;
}
}
@media (max-width: 767px) {
.blog-search-wrap.desktop {
bottom: -82px;
}
}
@media (min-width: 1024px) {
.desktop-search-view {
display: flex;
align-items: center;
/*gap: 10px;*/
justify-content: flex-start;
}
.mobile-search-view {
display: none;
}
.desktop-search-view>.btn {
height: 54px;
}
}
@media (max-width: 1023px) {
.desktop-search-view {
/*display: none;*/
display: flex;
align-items: center;
}
.mobile-search-view {
display: flex;
align-items: center;
gap: 10px;
}
.mobile-search-view>.btn,
.desktop-search-view>.btn {
height: 54px;
}
.search-bar input[type="search"] {
padding: 8px 50px;
width: calc(100% - 105px);
}
.lower-menu {
padding: 30px 15px;
}
}
@media (max-width: 425px) {
#s {
left: -6.5% !important;
}
}
.blog-search-wrap {
position: relative;
left: 4%;
}
@media (max-width: 1200px) {
.blog-search-wrap {
left: 0;
}
}
@media (max-width: 1023px) {
#wrapper {
top: -15%;
}
}
.search-icon:before,
.search-icon:hover::before,
.header-transparent.fixed-position .search-icon:hover::before,
.header-transparent:not(.fixed-position) .search-icon:hover::before,
.header-transparent:not(.fixed-position) .search-icon:before {
position: relative;
top: 7%;
}
.search-bar input[type="search"] {
height: 54px;
font-size: 18px;
padding: 8px 50px;
border: none;
border-radius: 8px;
width: calc(100% - 120px);
/* Adjust as needed */
}
.search-bar .search-btn {
height: 54px;
font-size: 18px;
padding: 8px 24px;
border: none;
border-radius: 8px;
background-color: #121213;
color: #fff;
cursor: pointer;
}
.search-icon:before {
content: "\E924";
font: 20px/1 icomoon;
color: #121213;
}
.fa-search:before {
content: "\E924" !important;
font: 20px / 1 icomoon;
}
.fa-search {
position: relative;
left: 2%;
z-index: 9;
}
.search-input-container>.btn {
height: 54px;
}
.search-bar-parent {
transition: opacity 0.3s linear, max-height 0.3s linear;
height: 0;
opacity: 0;
overflow: hidden;
position: relative;
z-index: 9999;
}
.hasdrop-a::before {
z-index: 1;
}
.search-icon-container.clicked .search-bar-parent {
height: auto;
opacity: 1;
}
#s::placeholder {
color: #121213;
}
#s {
position: relative;
left: -1.5%;
color: #121213;
padding-right: 1em;
}
.header-transparent:not(.fixed-position) .search-icon:before,
.header-blog-upper:not(.fixed-position) .search-icon:before {
color: #fff;
-webkit-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;
}
.search-icon:hover::before,
.header-transparent.fixed-position .search-icon:hover::before,
.header-transparent:not(.fixed-position) .search-icon:hover::before {
color: #fff !important;
-webkit-transition: color .2s ease-in-out;
transition: color .2s ease-in-out;
}
.search-icon.clicked+.search-bar {
display: block;
}
.search {
width: 100%;
}
.utility-nav {
margin-top: 0 !important;
z-index: 999;
}
#header.blog-upper-active {
background: #fff !important;
}
#header-blog-lower.blog-bottom-active li>a:hover {
color: #D037C5 !important;
}
.section-header .heading .text-wrap {
max-width: 720px;
}
/* Extra small devices (phones) to Small devices (tablets) */
@media (max-width: 1023.98px) {
.custom-blog-navbar {
background: #fff;
position: fixed;
left: 0;
right: 0;
top: 9.7em;
z-index: 999;
opacity: 0;
-webkit-transition: top 0.3s ease-in-out;
transition: top 0.3s ease-in-out;
display: block;
}
#header-blog-lower.blog-bottom-active .custom-blog-navbar {
top: 5.4em;
}
/*#menu-header-blog-menu {
box-shadow: 0 8px 32px rgba(0,0,0,.08);
}*/
#menu-header-blog-menu>li {
margin-left: 1em;
}
#menu-header-blog-menu>li>a {
pointer-events: none;
display: none;
}
#menu-header-blog-menu.active>li>a {
pointer-events: auto;
display: block;
}
.custom-blog-navbar>.nav {
padding-bottom: 0;
}
}
/* Small devices (tablets) to full screen width */
@media (min-width: 576px)and (max-width: 1023.98px) {
#header.blog-upper-non-active .nav-opener.icon-menu,
#header.blog-upper-active .nav-opener.icon-menu {
top: 0;
transition: top 0.3s ease-in-out;
-webkit-transition: top 0.3s ease-in-out;
}
#header-blog-lower .custom-blog-opener {
top: 9.2em;
transition: top 0.3s ease-in-out;
-webkit-transition: top 0.3s ease-in-out;
}
#header .nav-opener {
transition: top 0.3s ease-in-out;
-webkit-transition: top 0.3s ease-in-out;
}
#header.blog-upper-active {
padding: 15px 0 !important;
transition: padding 0.3s ease-in-out;
-webkit-transition: padding 0.3s ease-in-out;
}
#header-blog-lower.blog-bottom-active {
padding: 10.5em 0em 0em;
transition: padding 0.3s ease-in-out;
-webkit-transition: padding 0.3s ease-in-out;
}
.sticky-aside {
top: 7em !important;
transition: top 0.3s ease-in-out;
-webkit-transition: top 0.3s ease-in-out;
}
#header.blog-upper-active .nav-opener {
top: 0;
color: #000;
transition: top 0.3s ease-in-out, color 0.3s ease-in-out;
-webkit-transition: top 0.3s ease-in-out, color 0.3s ease-in-out;
}
#header-blog-lower.blog-bottom-active .custom-blog-opener {
top: 7em;
transition: top 0.3s ease-in-out;
-webkit-transition: top 0.3s ease-in-out;
}
.navbar .nav-head {
padding-top: 36px;
}
#header .nav-opener.icon-cross {
color: #fff;
}
#header-blog-lower.blog-bottom-active .custom-blog-navbar {
top: 5.55em;
}
#header-blog-lower.blog-bottom-active .container,
.custom-blog-navbar {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
}
/* Extra small devices (phones) */
@media (max-width: 575.98px) {
#header.blog-upper-non-active .nav-opener,
#header.blog-upper-active .nav-opener {
top: 0;
transition: top 0.3s ease-in-out;
-webkit-transition: top 0.3s ease-in-out;
}
#header.blog-upper-active .nav-opener {
top: 0;
color: #000;
transition: top 0.3s ease-in-out, color 0.3s ease-in-out;
-webkit-transition: top 0.3s ease-in-out, color 0.3s ease-in-out;
}
#header.blog-upper-active {
padding: 15px 0 !important;
transition: padding 0.3s ease-in-out;
-webkit-transition: padding 0.3s ease-in-out;
}
#header-blog-lower.blog-bottom-active,
.scrolled {
margin-top: 65px !important;
transition: margin-top 0.3s ease-in-out;
-webkit-transition: margin-top 0.3s ease-in-out;
}
#header-blog-lower .custom-blog-opener {
top: 9.2em;
transition: top 0.3s ease-in-out;
-webkit-transition: top 0.3s ease-in-out;
}
#header-blog-lower.blog-bottom-active .custom-blog-opener {
top: 8.3em;
transition: top 0.3s ease-in-out;
-webkit-transition: top 0.3s ease-in-out;
}
.sticky-aside {
top: 1em !important;
transition: top 0.3s ease-in-out;
-webkit-transition: top 0.3s ease-in-out;
}
.hide {
transform: translateY(-100%);
transition: transform 0.3s ease-in-out !important;
-webkit-transition: transform 0.3s ease-in-out !important;
}
.navbar .nav-head {
padding-top: 36px;
}
#header .nav-opener.icon-cross {
color: #fff;
}
.header-blog-upper {
padding: 36px 0 30px !important;
}
#header-blog-lower.hide .custom-blog-navbar {
top: 0;
transition: top 0.3s ease-in-out;
-webkit-transition: top 0.3s ease-in-out;
}
#header-blog-lower .container,
.custom-blog-navbar {
margin-left: 22px;
margin-right: 22px;
border-radius: 10px;
}
#header-blog-lower.blog-bottom-active .container,
.custom-blog-navbar {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
#header-blog-lower .custom-blog-opener {
margin-right: 22px;
}
#menu-header-blog-menu>li {
border-bottom: 0px !important;
}
#header-blog-lower.header-blog .nav {
border-top: 0px !important;
margin-left: 22px;
margin-right: 22px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
#menu-header-blog-menu>li>a {
padding: 0.6em 0;
}
#menu-header-blog-menu>li:nth-child(4) {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
#menu-header-blog-menu {
box-shadow: none;
}
.custom-blog-opener.icon-menu-blog:before {
color: #D037C5;
}
#menu-header-blog-menu>li,
#header-blog-lower.header-blog .nav>li,
.blog-menu-item {
margin-left: 0;
padding: 0;
}
.custom-blog-navbar {
box-shadow: rgb(51, 51, 51) -10px 15px 42px -45px,
rgb(51, 51, 51) 10px 15px 42px -45px;
}
}
@media (max-width: 1023px) {
.search-bar input[type="search"] {
padding: 8px 50px;
width: calc(100% - 105px);
}
}
.searched-article {
padding-left: 0;
padding-right: 287px;
}
.searched-article h2 {
line-height: normal !important;
}
@media (min-width: 768px) {
.searched-article .img-wrap img {
left: auto;
right: 0;
aspect-ratio: 1.531;
object-fit: cover;
}
.searched-article {
aspect-ratio: auto;
object-fit: cover;
}
}
.search-bar-custom {
display: block;
position: relative;
top: 0;
width: 100%;
background: #F8F8F9;
opacity: 1;
left: calc((100% - 1150px) / 2);
border-radius: 12px;
padding: 7px 15px;
max-width: 1150px;
box-shadow: none;
}
.search-bar-custom-input {
background: #F8F8F9;
}
.custom-form {
margin-bottom: 2rem;
}
@media (max-width: 1180px) {
.search-bar-custom {
left: auto;
max-width: none;
}
}
@media (max-width: 1023px) {
.blog-search-wrap+:not([class^=hero], .page-hero) {
margin-top: 126px;
}
.search-bar-custom-input {
height: 47px !important;
}
}
@media (max-width: 767px) {
.searched-article {
padding-right: 0;
}
#wrapper .searched-article-list article .desc img {
width: 44px !important;
height: 44px !important;
align-self: start;
}
.searched-article h2 a {
line-height: normal;
}
}
@media (max-width: 1279px) {
#header-blog-lower.header-blog .logo {
width: 163px;
}
}
@media (max-width: 1235px) {
#header-blog-lower.header-blog .logo {
width: 141px;
}
}
@media (max-width: 1190px) {
#header-blog-lower.header-blog .logo {
width: 120px;
}
}
#wrapper .searched-article-list article .desc img {
width: 65px;
height: 65px;
border-radius: 50%;
margin-right: 1rem;
}
.searched-article a,
.searched-article a:hover {
color: #121213;
}
.searched-article {
margin: 70px 0 !important;
}
.lower-menu {
box-shadow: 0 8px 32px rgba(0, 0, 0, .08);
border-radius: 5px;
padding: 20px 15px;
margin-top: -2.5em;
background-color: #fff;
}
#header-blog-lower {
padding: 36px 0;
position: fixed;
left: 0;
right: 0;
top: 0;
-webkit-transition: background .3s ease-in-out, padding .3s ease-in-out, box-shadow .3s ease-in-out;
transition: background .3s ease-in-out, padding .3s ease-in-out, box-shadow .3s ease-in-out;
}
#header-blog-lower+:not([class^=hero], .page-hero) {
margin-top: 126px;
}
#header-blog-lower .container {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-align: center;
align-items: center;
}
#header-blog-lower .container,
.custom-blog-navbar {
border-radius: 10px;
}
#header-blog-lower .custom-blog-opener {
margin-right: 22px;
}
.custom-blog-opener.icon-menu-blog:before {
color: #D037C5;
}
.custom-blog-navbar {
box-shadow: rgb(51, 51, 51) -10px 15px 42px -45px, rgb(51, 51, 51) 10px 15px 42px -45px;
}
#header-blog-lower.header-blog .nav {
border-top: 0px !important;
margin-left: 22px;
margin-right: 22px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
#menu-header-blog-menu>li>a {
padding: 0.6em 0;
}
#menu-header-blog-menu>li,
#header-blog-lower.header-blog .nav>li,
.blog-menu-item {
margin-left: 0;
padding: 0;
}
#menu-header-blog-menu>li {
border-bottom: 0px !important;
}
#menu-header-blog-menu {
box-shadow: none;
}
#header-blog-lower.header-blog .logo {
width: 165px;
height: 30px;
margin: 0;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
}
#header-blog-lower .custom-blog-opener {
cursor: pointer;
display: block;
position: absolute;
right: 22px;
top: 38px;
font-size: 22px;
-webkit-transition: top 0.3s ease-in-out;
transition: top 0.3s ease-in-out;
}
#header-blog-lower.header-blog .navbar {
-webkit-box-pack: end;
justify-content: flex-start;
}
#header-blog-lower.header-blog .navbar .nav-head .logo a {
color: #121213 !important;
}
#header-blog-lower .logo {
width: 103px;
margin-right: 76px;
}
#header-blog-lower.header-blog .logo .logo-icon {
width: 104px;
}
#header-blog-lower .logo a {
display: block;
color: #121213;
color: #D037C5;
font-weight: 500 !important;
}
#header-blog-lower.header-blog .logo svg {
width: 100%;
height: 100%;
}
#header-blog-lower.header-blog .logo ellipse,
#header-blog-lower.header-blog .logo path,
#header-blog-lower.header-blog .logo rect {
fill: #121213;
-webkit-transition: fill .3s ease-in-out;
transition: fill .3s ease-in-out;
}
#header-blog-lower.header-blog .nav,
#header-blog-lower.header-blog .utility-nav {
margin: 0 -24px;
}
#header-blog-lower.header-blog .nav>li,
#header-blog-lower.header-blog .utility-nav>li {
padding: 0 30px;
}
#header-blog-lower.header-blog .nav>li a:not(.btn),
#header-blog-lower.header-blog .utility-nav>li a:not(.btn) {
color: #121213;
}
#header-blog-lower.header-blog .navbar li a {
font-size: 16px;
}
#header-blog-lower.header-blog .search {
margin-right: 18px;
max-width: 200px;
}
#header-blog-lower.header-blog .search input[type=search] {
background: #f8f8f9;
}
#header-blog-lower.header-blog .utility-nav {
-webkit-box-pack: end;
justify-content: flex-end;
}
#header-blog-lower.header-blog .nav,
#header-blog-lower.header-blog .utility-nav {
margin: 0 -8px;
}
#header-blog-lower.header-blog .nav>li,
#header-blog-lower.header-blog .utility-nav>li {
padding: 0 30px;
}
#header-blog-lower.header-blog .navbar li a {
font-size: 16px;
}
#header-blog-lower.header-blog .logo .logo-txt {
-webkit-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;
margin-left: 3px;
font: 300 26px/1.1 gilroy, Arial, Helvetica, sans-serif;
}
#header-blog-lower,
.navbar .nav-head {
padding-top: 66px;
}
#header-blog-lower .custom-blog-opener {
top: 66px;
}
.header-blog-upper {
padding: 36px 0 74px !important;
background: transparent !important;
}
.header-blog-upper,
#header-blog-lower {
z-index: 9 !important;
}
.drop-menu-option>ul {
z-index: 10 !important;
}
@media (min-width: 1024px) {
#header-blog-lower+:not([class^=hero],
.page-hero) {
margin-top: 13em;
}
}
@media (max-width: 1023px) {
#header-blog-lower+:not([class^=hero],
.page-hero) {
margin-top: 18em;
}
}
#header.blog-upper-non-active .logo a,
#header.blog-upper-non-active .nav>li>a:not(.btn) {
color: #fff;
}
#header.blog-upper-non-active .btn.btn-sm {
color: #121213;
background: #fff;
}
#header.blog-upper-non-active .btn.btn-sm:hover {
color: #fff;
background: #121213;
}
#header.blog-upper-active {
padding: 22px 0 !important;
}
#header.blog-upper-non-active>div>div>a>svg {
fill: #fff;
}
#header.blog-upper-active>div>div>a>svg {
fill: #121213;
-webkit-transition: fill .3s ease-in-out;
transition: fill .3s ease-in-out;
}
#header-blog-lower.blog-bottom-active .lower-menu {
background: #fff;
}
#header-blog-lower {
transition: margin-top 0.3s ease-in-out;
-webkit-transition: margin-top 0.3s ease-in-out;
}
.scrolled {
margin-top: 95px !important;
/* Apply the new margin when scrolled */
}
#header-blog-lower.blog-bottom-active {
margin-top: 95px;
background: linear-gradient(to bottom, white 70%, rgba(255, 255, 255, 0) 70%);
}
#header-blog-lower.blog-bottom-active li>a {
color: #121213;
}
#header-blog-lower.blog-bottom-active .lower-menu {
padding: 10px 15px;
opacity: 0;
transition: padding 0.3s ease-in-out, opacity 0.3s ease-in-out;
-webkit-transition: padding 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
#header-blog-lower.header-blog .logo {
width: 213px;
}
.page-hero {
overflow: visible;
}
#header-blog-lower {
background: linear-gradient(135deg, #61155C 7%, #BA2CB0 50%, #D037C5 300%);
padding: 12em 0em 0em;
z-index: 2 !important;
bottom: 100em;
top: -10em;
}
.partners-slider-wrap.alt .container {
max-width: 100% !important;
padding: 0;
}
.partners-slider-wrap.alt {
position: relative;
overflow: hidden;
}
.partners-slider-wrap.alt::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 10em;
height: 100%;
background: linear-gradient(to right, white, transparent);
z-index: 999;
}
.partners-slider-wrap.alt::after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 10em;
height: 100%;
background: linear-gradient(to left, white, transparent);
z-index: 999;
}
.ready.bg-grad {
z-index: 1 !important;
}
.sticky-aside {
top: 180px !important;
z-index: 1 !important;
}
.custom-blog-opener.icon-menu-blog:before {
content: "\E900";
font: 20px / 1 icomoon;
display: inline-block;
transition: transform 0.3s ease;
-webkit-transition: transform 0.3s ease;
}
.custom-blog-opener.icon-menu-blog.active:before {
transform: rotate(-180deg);
}
@media (min-width: 1280px) {
#header-blog-lower .logo {
margin-right: 126px;
}
}
@media (min-width: 1024px) {
#header-blog-lower .custom-blog-opener {
display: none;
}
}
@media (min-width: 1024px) {
#header-blog-lower.header-blog .back {
display: none;
}
}
#footer {
z-index: 1 !important;
}
.custom-blog-navbar>#menu-header-blog-menu>li:nth-child(5),
.custom-blog-navbar>.nav-head {
display: none;
}
.search-opener .icon-search-a {
color: #fff;
}
.search-opener {
top: 6.2em;
}
#header-blog-lower.blog-bottom-active .search-opener .icon-search-a {
color: #000;
}
.search-icon-container {
position: relative;
}
.search-icon {
width: 48px;
height: 48px;
border-radius: 8px;
background-color: transparent;
border: none;
cursor: pointer;
position: relative;
}
/* Search bar and icon */
.search-icon-container.clicked .search-bar {
display: block;
}
.search-icon:hover,
.search-icon-container.clicked .search-icon {
background-color: #AA009E;
-webkit-transition: background-color .3s ease-in-out;
transition: background-color .3s ease-in-out;
}
.search-icon:hover,
.search-icon-container.clicked .search-icon:before {
color: #ffffff;
}
.search-bar {
display: none;
position: fixed;
top: 6em;
width: 100%;
background: #fff;
opacity: 1;
left: calc((100% - 1150px) / 2);
border-radius: 12px;
padding: 15px;
max-width: 1150px;
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
}
@media (min-width: 1024px) and (max-width: 1200px) {
.search-bar {
left: calc((100% - 96%) / 2);
max-width: 96%;
}
}
@media (max-width: 1023px) {
.blog-search-wrap.desktop {
display: block;
bottom: -70px;
z-index: 1;
}
.utility-nav {
align-self: center;
border-top: transparent;
}
.search-icon:before {
color: #fff !important;
}
.search-bar {
top: 54%;
left: calc((100% - 95%) / 2);
max-width: 95%;
}
}
@media (max-width: 767px) {
.blog-search-wrap.desktop {
bottom: -82px;
text-align: center;
}
}
@media (min-width: 1024px) {
.desktop-search-view {
display: flex;
align-items: center;
/*gap: 10px;*/
justify-content: flex-start;
}
.mobile-search-view {
display: none;
}
.desktop-search-view>.btn {
height: 54px;
}
}
@media (max-width: 1023px) {
.desktop-search-view {
/*display: none;*/
display: flex;
align-items: center;
}
.mobile-search-view {
display: flex;
align-items: center;
gap: 10px;
}
.mobile-search-view>.btn,
.desktop-search-view>.btn {
height: 54px;
}
.search-bar input[type="search"] {
padding: 8px 50px;
width: calc(100% - 105px);
}
.lower-menu {
padding: 30px 15px;
}
}
@media (max-width: 425px) {
#s {
left: -6.5% !important;
}
}
.blog-search-wrap {
position: relative;
left: 4%;
}
@media (max-width: 1200px) {
.blog-search-wrap {
left: 0;
text-align-last: center;
}
}
@media (max-width: 1023px) {
#wrapper {
top: -19%;
}
}
.search-icon:before,
.search-icon:hover::before,
.header-transparent.fixed-position .search-icon:hover::before,
.header-transparent:not(.fixed-position) .search-icon:hover::before,
.header-transparent:not(.fixed-position) .search-icon:before {
position: relative;
top: 7%;
}
.search-bar input[type="search"] {
height: 54px;
font-size: 18px;
padding: 8px 50px;
border: none;
border-radius: 8px;
width: calc(100% - 120px);
/* Adjust as needed */
}
.search-bar .search-btn {
height: 54px;
font-size: 18px;
padding: 8px 24px;
border: none;
border-radius: 8px;
background-color: #121213;
color: #fff;
cursor: pointer;
}
.search-icon:before {
content: "\E924";
font: 20px/1 icomoon;
color: #121213;
}
.fa-search:before {
content: "\E924" !important;
font: 20px / 1 icomoon;
}
.fa-search {
position: relative;
left: 2%;
z-index: 9;
}
.search-input-container>.btn {
height: 54px;
}
.search-bar-parent {
transition: opacity 0.3s linear, max-height 0.3s linear;
height: 0;
opacity: 0;
overflow: hidden;
position: relative;
z-index: 9999;
}
.hasdrop-a::before {
z-index: 1;
}
.search-icon-container.clicked .search-bar-parent {
height: auto;
opacity: 1;
}
#s::placeholder {
color: #121213;
}
#s {
position: relative;
left: -1.5%;
color: #121213;
}
.header-transparent:not(.fixed-position) .search-icon:before,
.header-blog-upper:not(.fixed-position) .search-icon:before {
color: #fff;
-webkit-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;
}
.search-icon:hover::before,
.header-transparent.fixed-position .search-icon:hover::before,
.header-transparent:not(.fixed-position) .search-icon:hover::before {
color: #fff !important;
-webkit-transition: color .2s ease-in-out;
transition: color .2s ease-in-out;
}
.search-icon.clicked+.search-bar {
display: block;
}
.search {
width: 100%;
}
.utility-nav {
margin-top: 0 !important;
z-index: 999;
}
#header.blog-upper-active {
background: #fff !important;
}
#header-blog-lower.blog-bottom-active li>a:hover {
color: #D037C5 !important;
}
.bg-white {
background: #fff;
}
.investors-slider-custom>.slide {
margin-top: 3em;
}
.grid-display img,
.grid-display-three img {
width: 100%;
}
.flex-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.grid-display {
flex: 0 1 calc(25% - 25px);
display: flex;
flex-direction: column;
margin-top: 3em;
}
@media (max-width: 1235px) {
#header-blog-lower .container,
.custom-blog-navbar {
margin-left: 22px;
margin-right: 22px;
}
}
@media (max-width: 1023px) {
.grid-display {
flex: 0 1 calc(33.333% - 20px);
}
.flex-container {
justify-content: flex-start;
gap: 30px;
}
}
@media (max-width: 768px) {
.grid-display {
flex: 0 1 calc(50% - 15px);
}
}
@media (max-width: 767px) {
.tags .inner {
white-space: normal;
}
.tags a {
margin-bottom: 10px;
}
}
@media (max-width: 480px) {
.flex-container {
display: block;
}
.grid-display {
flex: 0 1 calc(100% - 10px);
}
}
.grid-display-three {
flex: 0 1 calc(33.333% - 20px);
display: flex;
flex-direction: column;
margin-top: 3em;
}
@media (max-width: 1023px) {
.grid-display-three {
flex: 0 1 calc(50% - 15px);
}
}
@media (max-width: 768px) {
.grid-display-three {
flex: 0 1 calc(100% - 10px);
}
}
.our-team .heading-custom h2 {
width: 100%;
}
.custom-position-three {
font-size: 16px;
color: #121213;
}
/* Extra small devices (phones) to Small devices (tablets) */
@media (max-width: 1023.98px) {
.custom-blog-navbar {
background: #fff;
position: fixed;
left: 0;
right: 0;
top: 9.7em;
z-index: 999;
opacity: 0;
-webkit-transition: top 0.3s ease-in-out;
transition: top 0.3s ease-in-out;
display: block;
}
#header-blog-lower.blog-bottom-active .custom-blog-navbar {
top: 5.4em;
}
/*#menu-header-blog-menu {
box-shadow: 0 8px 32px rgba(0,0,0,.08);
}*/
#menu-header-blog-menu>li {
margin-left: 1em;
}
#menu-header-blog-menu>li>a {
pointer-events: none;
display: none;
}
#menu-header-blog-menu.active>li>a {
pointer-events: auto;
display: block;
}
.custom-blog-navbar>.nav {
padding-bottom: 0;
}
}
/* Small devices (tablets) to full screen width */
@media (min-width: 576px)and (max-width: 1023.98px) {
#header.blog-upper-non-active .nav-opener.icon-menu,
#header.blog-upper-active .nav-opener.icon-menu {
top: 0;
transition: top 0.3s ease-in-out;
-webkit-transition: top 0.3s ease-in-out;
}
#header-blog-lower .custom-blog-opener {
top: 9.2em;
transition: top 0.3s ease-in-out;
-webkit-transition: top 0.3s ease-in-out;
}
#header .nav-opener {
transition: top 0.3s ease-in-out;
-webkit-transition: top 0.3s ease-in-out;
}
#header.blog-upper-active {
padding: 15px 0 !important;
transition: padding 0.3s ease-in-out;
-webkit-transition: padding 0.3s ease-in-out;
}
#header-blog-lower.blog-bottom-active {
padding: 10.5em 0em 0em;
transition: padding 0.3s ease-in-out;
-webkit-transition: padding 0.3s ease-in-out;
}
.sticky-aside {
top: 7em !important;
transition: top 0.3s ease-in-out;
-webkit-transition: top 0.3s ease-in-out;
}
#header.blog-upper-active .nav-opener {
top: 0;
color: #000;
transition: top 0.3s ease-in-out, color 0.3s ease-in-out;
-webkit-transition: top 0.3s ease-in-out, color 0.3s ease-in-out;
}
#header-blog-lower.blog-bottom-active .custom-blog-opener {
top: 7em;
transition: top 0.3s ease-in-out;
-webkit-transition: top 0.3s ease-in-out;
}
.navbar .nav-head {
padding-top: 36px;
}
#header .nav-opener.icon-cross {
color: #fff;
}
#header-blog-lower.blog-bottom-active .custom-blog-navbar {
top: 5.55em;
}
#header-blog-lower.blog-bottom-active .container,
.custom-blog-navbar {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
}
/* Extra small devices (phones) */
@media (max-width: 575.98px) {
#header.blog-upper-non-active .nav-opener,
#header.blog-upper-active .nav-opener {
top: 0;
transition: top 0.3s ease-in-out;
-webkit-transition: top 0.3s ease-in-out;
}
#header.blog-upper-active .nav-opener {
top: 0;
color: #000;
transition: top 0.3s ease-in-out, color 0.3s ease-in-out;
-webkit-transition: top 0.3s ease-in-out, color 0.3s ease-in-out;
}
#header.blog-upper-active {
padding: 15px 0 !important;
transition: padding 0.3s ease-in-out;
-webkit-transition: padding 0.3s ease-in-out;
}
#header-blog-lower.blog-bottom-active,
.scrolled {
margin-top: 65px !important;
transition: margin-top 0.3s ease-in-out;
-webkit-transition: margin-top 0.3s ease-in-out;
}
#header-blog-lower .custom-blog-opener {
top: 9.3em;
transition: top 0.3s ease-in-out;
-webkit-transition: top 0.3s ease-in-out;
}
#header-blog-lower.blog-bottom-active .custom-blog-opener {
top: 8.3em;
transition: top 0.3s ease-in-out;
-webkit-transition: top 0.3s ease-in-out;
}
.sticky-aside {
top: 1em !important;
transition: top 0.3s ease-in-out;
-webkit-transition: top 0.3s ease-in-out;
}
.hide {
transform: translateY(-100%);
transition: transform 0.3s ease-in-out !important;
-webkit-transition: transform 0.3s ease-in-out !important;
}
.page-blog .navbar .nav-head {
padding-top: 36px !important;
}
#header .nav-opener.icon-cross {
color: #fff;
}
.header-blog-upper {
padding: 36px 0 30px !important;
}
#header-blog-lower.hide .custom-blog-navbar {
top: 0;
transition: top 0.3s ease-in-out;
-webkit-transition: top 0.3s ease-in-out;
}
#header-blog-lower .container,
.custom-blog-navbar {
margin-left: 22px;
margin-right: 22px;
border-radius: 10px;
}
#header-blog-lower.blog-bottom-active .container,
.custom-blog-navbar {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
#header-blog-lower .custom-blog-opener {
margin-right: 22px;
}
#menu-header-blog-menu>li {
border-bottom: 0px !important;
}
#header-blog-lower.header-blog .nav {
border-top: 0px !important;
margin-left: 22px;
margin-right: 22px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
#menu-header-blog-menu>li>a {
padding: 0.6em 0;
}
#menu-header-blog-menu>li:nth-child(4) {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
#menu-header-blog-menu {
box-shadow: none;
}
.custom-blog-opener.icon-menu-blog:before {
color: #D037C5;
}
#menu-header-blog-menu>li,
#header-blog-lower.header-blog .nav>li,
.blog-menu-item {
margin-left: 0;
padding: 0;
}
.custom-blog-navbar {
box-shadow: rgb(51, 51, 51) -10px 15px 42px -45px,
rgb(51, 51, 51) 10px 15px 42px -45px;
}
}
@media (max-width: 1023px) {
.search-bar input[type="search"] {
padding: 8px 50px;
width: calc(100% - 105px);
}
}
.hidden {
display: none;
}
.show-more-button-parent {
text-align: center;
text-align: -webkit-center;
text-align: -moz-center;
margin-top: 2rem;
}
.searched-article {
padding-left: 0;
padding-right: 287px;
}
@media (min-width: 768px) {
.searched-article .img-wrap img {
left: auto;
right: 0;
aspect-ratio: 1.531;
object-fit: cover;
}
.searched-article {
aspect-ratio: auto;
object-fit: cover;
}
}
.search-bar-custom {
display: block;
position: relative;
top: 0;
width: 100%;
background: #F8F8F9;
opacity: 1;
left: calc((100% - 1150px) / 2);
border-radius: 12px;
padding: 7px 15px;
max-width: 1150px;
box-shadow: none;
}
.search-bar-custom-input {
background: #F8F8F9;
}
.custom-form {
margin-bottom: 2rem;
}
@media (max-width: 1180px) {
.search-bar-custom {
left: auto;
max-width: none;
}
}
@media (max-width: 1023px) {
.blog-search-wrap+:not([class^=hero], .page-hero) {
margin-top: 126px;
}
.search-bar-custom-input {
height: 47px !important;
}
}
@media (max-width: 767px) {
.searched-article {
padding-right: 0;
}
#wrapper .searched-article-list article .desc img {
width: 44px !important;
height: 44px !important;
align-self: start;
}
.searched-article h2 a {
line-height: normal;
}
}
@media (max-width: 1279px) {
#header-blog-lower.header-blog .logo {
width: 163px;
}
}
@media (max-width: 1235px) {
#header-blog-lower.header-blog .logo {
width: 141px;
}
}
@media (max-width: 1190px) {
#header-blog-lower.header-blog .logo {
width: 120px;
}
}
#wrapper .searched-article-list article .desc img {
width: 65px;
height: 65px;
border-radius: 50%;
margin-right: 1rem;
}
.searched-article a,
.searched-article a:hover {
color: #121213;
}
.searched-article {
margin: 70px 0 !important;
}
.current-menu-item a {
color: rgb(208, 55, 197) !important;
}
@media (max-width: 1023px) {
.page-blog .menu-item,
.page-blog .menu-category {
text-align: left;
}
.page-blog .menu-link {
display: flex;
}
}
@media (max-width: 575.98px) {
#header .nav-opener.icon-cross {
top: 65px !important;
}
.page-blog #header .nav-opener.icon-cross {
top: 35px !important;
}
}
.page-blog iframe {
width: 100%;
aspect-ratio: 16 / 9;
}
@media (max-width: 600px) {
.page-blog iframe {
aspect-ratio: 4 / 3;
height: 50vh;
}
}
/* ------------- SOCIAL ICONS ---------------- */
/* General Styles for Social Icons */
.custom-icons.social-networks {
list-style: none;
padding: 0;
margin: 0;
display: flex;
}
.custom-icons.social-networks li {
display: inline-flex;
align-items: center;
}
.custom-icons.social-networks li a {
display: flex;
align-items: center;
}
/* Icon Custom Styles */
.icon-youtube:before {
content: "\ea9d";
}
.icon-instagram:before {
content: "\ea92";
}
.icon-custom {
display: inline-block;
width: 22px;
height: 22px;
stroke-width: 0;
stroke: currentColor;
fill: currentColor;
vertical-align: baseline !important;
}
.custom-icons.social-networks li a i::before {
color: #b3bac5 !important;
transition: color .3s ease-in-out;
}
.icon-custom.icon-youtube,
.icon-custom.icon-instagram,
.icon-custom.icon-x {
fill: #b3bac5 !important;
transition: fill .3s ease-in-out;
}
/* Hover Styles */
.custom-icons.social-networks li a:hover i::before {
color: #D037C5 !important;
}
.custom-icons.social-networks li a:hover .icon-custom.icon-youtube,
.custom-icons.social-networks li a:hover .icon-custom.icon-instagram,
.custom-icons.social-networks li a:hover .icon-custom.icon-x {
fill: #D037C5 !important;
transition: fill .3s ease-in-out;
}
.twitter.icon-twitter {
background: #f3f3f3;
}
.twitter.icon-twitter::before {
content: " ";
background-image: url('data:image/svg+xml,');
background-size: 16px;
width: 16px;
height: 16px;
display: inline-block;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
left: 50%;
}
.twitter.icon-twitter::after {
background: transparent;
}
.twitter.icon-twitter:hover {
background: #000;
-webkit-transition: background-color .3s ease-in-out;
transition: background-color .3s ease-in-out;
}
.twitter.icon-twitter:hover::after {
-webkit-transition: background-color .3s ease-in-out;
transition: background-color .3s ease-in-out;
}
.twitter.icon-twitter:hover::before {
background-image: url('data:image/svg+xml,');
-webkit-transition: background-color .3s ease-in-out;
transition: background-color .3s ease-in-out;
}
.backgroundFFFFFF {
background: #fff;
}
@media (max-width: 1023px) {
.oms-hero--banner h2 {
padding-right: 0 !important;
}
.sub-heading p {
width: 100% !important;
}
.page-hero.pim .hero-content-row {
padding-bottom: 0 !important;
min-height: 0 !important;
}
}
/* ------------- ---------------- */
.press-section .desc {
margin-bottom: 50px;
}
.press-card .img {
height: 160px;
display: flex;
align-items: center;
justify-content: center;
}
.empty-box {
background: transparent !important;
border: none;
}
.empty-box:hover {
box-shadow: none !important;
}
::marker {
color: black !important;
}
/* ------------- PODCAST STYLES ---------------- */
.podcast-item-content>h3,
.podcast-item-content>h3 a,
.podcast-speaker,
.podcast-duration,
.podcast-description,
.podcast-host {
color: #121213;
}
.podcast-speaker>i,
.podcast-duration>i {
color: #D037C5;
}
.page-podcast .podcasts {
background-color: #F8F8F9;
padding: 100px 0;
}
.podcast-item h3 {
font-size: 32px;
line-height: 40px;
}
a.podcast-item:hover h3,
.podcast-item h3 a:hover {
color: #D037C5;
-webkit-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;
font-size: 32px;
line-height: 40px;
}
.page-podcast .podcast-item-content {
border-radius: 8px;
}
.page-podcast .podcast-image {
position: relative;
width: 100%;
border-radius: 12px;
background-color: #353537;
aspect-ratio: 1.53/1;
margin-bottom: 20px;
}
.page-podcast .podcast-image img {
aspect-ratio: 1.53/1;
width: 100%;
height: auto;
object-fit: cover;
border-radius: 8px;
}
.page-podcast .podcast-box {
width: 100%;
aspect-ratio: 1.53/1;
background-color: #353537;
border-radius: 8px;
}
.page-podcast .podcast-info {
display: flex;
align-items: center;
margin-bottom: 16px;
font-size: 16px;
gap: 30px;
}
.page-podcast .podcast-info .podcast-host,
.page-podcast .podcast-info .podcast-duration {
color: #121213;
display: flex;
align-items: center;
gap: 5px;
}
.page-podcast .podcast-info .podcast-host img,
.page-podcast .podcast-info .podcast-duration img {
margin-top: 3px;
}
.page-podcast .podcast-info i {
margin-right: 6px;
}
.page-podcast .podcast-description {
font-size: 18px;
line-height: 1.6;
margin-bottom: 20px;
}
.page-podcast .pagination-v2 {
padding: 5% 10%;
}
.page-podcast .episode-number-wrap {
position: absolute;
bottom: 2rem;
left: 2rem;
height: 2rem;
background-color: #fff;
border-radius: 2rem;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.3s ease;
}
.page-podcast .play-button-overlay {
background-color: #D037C5;
border-radius: 2rem;
width: 56px;
height: calc(100% + 1px);
text-align: center;
margin-left: -1px;
margin-top: 1px;
}
.page-podcast .play-button-overlay i {
font-size: 14px;
color: black;
padding: 10px;
transition: color 0.3s ease;
}
.page-podcast .episode-number-wrap .episode-number {
padding: 0 20px 0 10px;
color: #000;
}
.page-podcast .podcast-item:hover .play-button-overlay {
left: 40px;
}
.page-podcast .podcast-item:hover .play-button-overlay i {
color: white;
}
.page-podcast .podcast-header h1 {
font-size: 60px;
}
.page-podcast .podcast-header .podcast-description {
color: #737F8F;
font-size: 18px;
}
.page-podcast .btn-black {
background-color: black;
color: white;
border: 2px solid black;
}
.page-podcast .btn-black:hover {
background-color: white;
color: black;
border: 2px solid black;
}
.podcast-more-info {
margin-bottom: 2em;
}
.page-podcast .btn-outline-black {
background-color: white;
color: black;
border: 2px solid black;
}
.page-podcast .btn-outline-black:hover {
background-color: black;
color: white;
}
.page-podcast .purple-box {
background-color: #D037C5;
position: absolute;
bottom: 10px;
left: 10px;
aspect-ratio: 1.53 / 1;
border-radius: 8px;
width: 100%;
z-index: -1;
}
.page-podcast .podcast-duration {
color: #D037C5;
/* Purple color */
}
.page-podcast .hosted_published {
font-size: 14px;
margin: 3rem 0;
}
.page-podcast .author-name {
color: #D037C5;
font-weight: bold;
}
.page-podcast .duration_button {
color: #D037C5;
padding-left: 5px;
}
.page-podcast .duration {
float: right;
}
.page-podcast .podcast-info .buttons {
display: flex;
gap: 1rem;
}
.page-podcast .btn i {
margin: 0;
padding-right: 10px;
}
.page-podcast .podcast-detail {
margin: 4rem 0;
}
.page-podcast .podcast-transcript {
margin-top: 4rem;
}
/* .page-podcast .more-episodes {
background-color: #F8F8F9;
padding: 4rem 0;
}
.page-podcast .more-episodes .section-title {
font-size: 24px;
font-weight: bold;
}
.page-podcast .more-episodes .more-episode-card {
background-color: #ffffff;
border-radius: 12px;
padding: 20px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.page-podcast .more-episodes .podcast-item {
text-decoration: none;
color: inherit;
}
.page-podcast .more-episodes .podcast-image {
position: relative;
border-radius: 12px;
overflow: hidden;
}
.page-podcast .more-episodes .play-button-overlay {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #8A2BE2;
padding: 10px;
border-radius: 50%;
color: #fff;
font-size: 24px;
}
.page-podcast .more-episodes .podcast-info {
display: flex;
align-items: center;
font-size: 14px;
color: #888;
}
.page-podcast .more-episodes .podcast-host {
display: flex;
align-items: center;
}
.page-podcast .more-episodes .podcast-host i {
margin-right: 5px;
}
.page-podcast .more-episodes .podcast-duration {
display: flex;
align-items: center;
}
.page-podcast .more-episodes .podcast-duration i {
margin-right: 5px;
}
.page-podcast .more-episodes .btn-outline-black:hover {
background-color: #000;
color: #fff;
}
*/
.page-podcast .more-episodes h3,
.page-podcast .more-episodes a:hover h3 {
font-size: 24px;
line-height: 28px;
}
.page-podcast .podcast-detail h2 {
font-size: 34px;
}
.page-podcast .more-episodes .right-aligned-button {
text-align-last: right;
}
.page-podcast .more-episodes .more-episodes-row {
margin-bottom: 4rem;
}
.page-podcast .more-episodes {
background: #F8F8F9;
padding: 100px 0;
}
/* .page-podcast .play-button-overlay-gray {
position: relative;
bottom: 4rem;
left: 2rem;
width: 4rem;
height: 2rem;
background-color: #D037C5;
border-radius: 2rem;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.3s ease;
}
.page-podcast .play-button-overlay-gray i {
font-size: 14px;
color: black;
transition: color 0.3s ease;
}
.page-podcast .podcast-item:hover .play-button-overlay-gray {
left: 40px;
}
.page-podcast .podcast-item:hover .play-button-overlay-gray i {
color: white;
} */
.page-podcast .podcast-header {
margin-top: 150px;
margin-bottom: 100px;
}
.page-podcast .podcast-meta {
display: flex;
justify-content: space-between;
align-items: center;
margin: 40px 0;
}
.page-podcast .podcast-meta .host {
display: flex;
align-items: center;
}
.page-podcast .podcast-meta .host strong {
color: #D037C5;
}
.page-podcast .avatar-thumbnail img {
width: 36px;
border-radius: 100%;
margin-right: 8px;
}
.page-podcast h2 a {
color: #000;
}
.page-podcast h2 a:hover {
color: #D037C5;
}
.page-podcast .featured-right {
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 30px;
}
.page-podcast .podcast-buttons {
display: flex;
gap: 10px;
margin-top: 15px;
}
.podcast-buttons .podcast-button {
display: flex;
border: 1px solid #A6A6A6;
border-radius: 8px;
padding: 5px;
width: 220px;
}
.podcast-buttons .podcast-button:hover {
background-color: #000;
}
.podcast-buttons .podcast-button>div {
display: flex;
flex-direction: column;
margin-left: 5px;
}
.podcast-buttons .podcast-button span {
font-size: 18px;
line-height: 1;
color: #000;
}
.podcast-buttons .podcast-button span.listen-on {
font-size: 11px;
color: #A6A6A6;
}
.podcast-buttons .podcast-button:hover span,
.podcast-buttons .podcast-button:hover span.listen-on {
color: #fff;
}
.page-podcast .podcast-subscribe {
background: #000;
border-radius: 8px;
border: 2px solid #000;
color: #fff;
font-size: 20px;
font-weight: 600;
padding: 20px 48px;
}
.page-podcast .podcast-subscribe:hover {
background: #fff;
color: #000;
}
/* .podcast-about-speaker */
.podcast-detail {
color: #000;
background: #F5F7FA;
/* background-image: url(https://fabricmmstage.wpenginepowered.com/wp-content/themes/fabric23/assets/images/bg-pattern-gradient.jpg); */
background-repeat: no-repeat;
background-position: 0 100%;
background-size: cover;
padding: 100px 0 4rem 0;
font-size: 18px;
}
.podcast-about-speaker {
padding-bottom: 4rem;
}
.podcast-about-speaker h2 {
text-align: center;
margin-bottom: 60px;
}
.podcast-about-speaker .speaker-image-wrap {
/* background: linear-gradient(135deg, #df46d3 25%, #1c082c); */
height: 400px;
border-radius: 8px;
max-width: 400px;
max-height: 400px;
}
.podcast-about-speaker .speaker-image-wrap img {
/* border-radius: 8px; */
border-radius: 200px;
}
.podcast-cats {
display: flex;
align-items: center;
margin-top: 30px;
gap: 10px;
}
.podcast-cats .post-categories {
display: flex;
flex-wrap: wrap;
align-items: center;
list-style: none;
gap: 10px;
padding: 0;
}
.podcast-cats .post-categories a {
background-color: #F9C5F6;
padding: 10px 15px;
border-radius: 50px;
color: #000;
display: block;
}
.podcast-cats .post-categories a:hover {
color: #fff;
background-color: #000;
}
.podcast-detail .author-meta {
display: flex;
}
.podcast-detail .author-meta .avatar-thumbnail img {
width: 80px;
}
.episode-detail-number a {
font-size: 16px;
font-weight: bold;
color: #D037C5;
}
.episode-detail-number a:hover {
text-decoration: underline;
}
.episode-detail-number svg {
width: 12px;
margin-right: 0;
margin-top: 4px;
}
.podcast-header .featured-podcast-image {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.podcast-header .mejs-container {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
overflow: hidden;
}
.podcast-header .podcast-image-wrap {
box-shadow: 10px 10px 0px 0px rgba(208, 55, 197, 1);
border-radius: 8px;
}
.podcast-long-description {
font-size: 18px;
line-height: 1.667;
}
.purple {
background: #bd2eb3;
color: #fff;
}
.has_bg_image {
color: #fff;
background-color:unset;
}
.bg-dark-gray, .cta_bar--bg-dark-gray, .has-bg-dark-gray {background-color:#121213;}
#lp-hero.has_bg_image .sub-heading{color:#fff;}
#lp-hero.collaborate h1{font-family: Poppins;font-size:48px;font-weight:400;}
#lp-hero.collaborate .sub-heading{font-size:18px;font-family: Poppins;}
#lp-hero.collaborate .btn{
font-family: Poppins;
border-radius:50px;
height:45px;
padding: 0 15px;
font-weight: 400;
}
#on-page-heading{
padding-bottom:0;
}
#on-page-heading h2{
font-family: Poppins;
font-weight:400;
font-size:55px;
border-left: 3px solid #121213;
padding-left: 2rem;
}
.factors.four-column.partner-collab .cols-wrap [class*=col-]+[class*=col-]:before{display:none;}
.four-column.partner-collab h2 {
text-align: left;
border-left: 3px solid #121213;
padding-left: 2rem;
color: var(--121213-vinyl, #121213);
font-family: Poppins;
font-size: 55px;
font-style: normal;
font-weight: 300;
line-height: 60px;
}
.four-column.partner-collab h3 {
font-family: Poppins;
color: var(--121213-vinyl, #121213);
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.four-column.partner-collab p {
font-family: Poppins;
color: var(--121213-vinyl, #121213);
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 27px;
}
.media_simple--collab h2{
font-family: Poppins;
font-weight:400;
font-size:40px;
}
.media_simple--collab p{
font-weight:300;
font-size:18px;
font-family: Poppins;
}
.media_simple--collab a{
font-family: Poppins;
font-size:19px;
color: #E516CB;
}
.media-block-1.media_simple--collab .img-wrap{box-shadow:none;}
.media-block-1.media_simple--collab .col-sm-5, .media-block-1.media_simple--collab .col-sm-7{width:50%;}
.cta_bar--collab h2{
font-family: Poppins;
font-weight:300;
font-size:55px;
border-left: 3px solid #fff;
padding-left:2rem;
text-align: left;
}
.cta_bar--collab .btn{
border-radius:50px;
height:45px;
padding: 0 15px;
font-weight: 400;
}
.cta_bar--collab .hero-btns-list .btn{
background: #E516CB;
}
.cta_bar--collab .hero-btns-list{
justify-content: flex-start;
}
/* landing page hero */
#lp-hero.hero {
background-color: #121213;
background-image: unset;
}
#lp-hero h1 {
font-size: 70px;
}
#lp-hero.hero .hero-img img {
width:75%;
}
#lp-hero .btn{
background:#E516CB;
}
#lp-hero .sub-heading{
color:#E516CB;
}
#lp-hero .location {
padding-bottom: 4rem;
}
/* landing page cards */
.lp-cards [class*=col-]:nth-child(2n) .description {
padding-left: 3rem;
}
.lp-cards.two-col-article{background:#fff;}
.lp-cards.part_gray{
background-image: linear-gradient(top, #f8f8f9, #f8f8f9 30%, transparent 30%, transparent 100%);
background-image: -webkit-linear-gradient(top, #f8f8f9, #f8f8f9 30%, transparent 30%, transparent 100%);
}
.lp-cards.part_purple{
background-image: linear-gradient(top, #E516CB, #E516CB 30%, transparent 30%, transparent 100%);
background-image: -webkit-linear-gradient(top, #E516CB, #E516CB 30%, transparent 30%, transparent 100%);
}
.lp-cards.part_purple h2,.lp-cards.part_purple .card h3{
color:#fff;
}
.lp-cards .card{
background: #121213;
padding: 3rem;
border-radius: 25px;
margin-top: 2rem;
min-height: 975px;
}
.lp-cards .card .content h3 {
font-size:22px;
color: #E516CB;
}
.lp-cards .card .content {
min-height: 225px;
}
.lp-cards .card .content p{
color:#fff;
}
.card .btn{
/*height:40px;*/
padding: 4px 15px;
}
.date-time{
display:flex;
margin-bottom:10px;
}
.date {flex:1;height: 29px; position: relative;margin: 15px 0;}
.date-stamp{
/*position: absolute;*/
color: #E516CB;
font-size: 14px;
font-weight: 600;
background: #fff;
padding: 5px 15px;
border-radius: 25px;
width:auto;
display:inline-flex;
justify-content: center;
margin-right:10px;
}
.time{flex:1;height: 29px; position: relative;margin: 15px 0;}
.time-stamp{
/*position: absolute; */
color: #121213;
font-size: 14px;
font-weight: 600;
background: #fff;
padding: 5px 15px;
border-radius: 25px;
width:auto;
display:inline-flex;
justify-content: center;
}
.lp-cards .card .location {
height: 29px;
position: relative;
margin-bottom: 15px;
}
.location-stamp {
position: absolute;
color: white;
font-size: 14px;
font-weight: 600;
background: #737F8F;
padding: 5px 15px;
border-radius: 25px;
}
.card-image {
padding-bottom: 20px;
padding-top: 25px;
}
.card-image img {
max-height:300px;
}
/* landing page media/text */
.media_simple--gray{background:#f8f8f9;}
/* Media with HubSpot Form */
.media_hs_form {
padding: 5rem 0;
}
.form_l, .media_r {
padding: 20px;
}
.media_hs_form.gray{background:#f8f8f9;}
.media_hs_form .hbspt-form .hs-form-booleancheckbox{
list-style-type:none;
}
.media_hs_form .hbspt-form .hs_gdpr_opt_in.hs-gdpr_opt_in.hs-fieldtype-booleancheckbox.field.hs-form-field span {
margin-left:1rem;
}
.media_hs_form input.btn.purple {
color: #fff;
background-color: #D037C5;
}
/* fix nav issue */
.fulfillment{padding-top:0 !important;}
/* Home Hero 2025 */
#hero25{
font-family:Poppins;
}
#hero25 h1{
color: var(--121213-vinyl, #121213);
font-family:Poppins;
font-size: 64px;
font-style: normal;
font-weight: 300;
line-height: 66px;
letter-spacing: -1.6px;
}
#hero25 h1 span {
font-weight:500;
}
#hero25 .content{
margin-bottom: 40px;
}
#hero25 p{
color: var(--121213-vinyl, #121213);
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 27px;
}
#hero25.hero{background-position: 0;background-size: unset;}
#hero25.hero .hero-img {
margin-left:25px;
}
#hero25.hero .hero-img img {
width: initial;
}
#hero25 a.btn {
border-radius: 28px;
background: var(--c-029-bcaa-compliant-on-f-5-f-5-fa, #C029BC);
display: inline-flex;
padding: 12px 20px;
justify-content: center;
align-items: center;
font: 500 18px Poppins;
height: 100%;
}
/* Logos Title */
.partners-slider-wrap .title {
margin: 0 0 1.5em;
font-size: 28px;
line-height:34px;
font-family: 'Poppins';
font-weight: 400;
text-align:center;
}
/* Features 2025 */
.features-25 {
padding: 80px 0 64px !important;
text-align: center;
}
.features-25, .features-25 h2, .features-25 h3{font-family: Poppins;}
.features-25 h2{
font-weight:300;
text-align:left;
border-left: 2px #121213 solid;
padding-left: 1rem;
}
.features-25 .heading{
padding-bottom:50px;
}
.features-25 .title{
padding-right:50px;
font-size:55px;
}
.features-25 .subtitle{
padding-left:70px;
text-align:left;
font-size: 18px;
font-weight:300;
}
.features-25 .header{
padding-top:3rem;
}
.features-25 .icon-wrap{
padding:0 1rem;
}
.features-25 h3{
font-size:28px;
font-weight:400;
line-height: 34px;
}
.features-25 p{
font-size:18px;
font-weight:300;
line-height: 27px;
}
.features-25 .features-row {
display: flex;
}
.features-25 .features-row .col-md-12{
flex:1;
/*justify-content: space-between;*/
justify-content: stretch;
display: flex;
flex-direction: column;
}
.features-25 .features-row .col-md-12:nth-child(1), .features-25 .features-row .col-md-12:nth-child(2) {
border-right: 1px #121213 solid;
}
/* Media with Intro Text (2025) */
#media-text {
padding: 100px 0;
font-size: 22px;
line-height: 1.625;
}
#media-text h2 {
font-family: Poppins;
font-size: 55px;
font-style: normal;
font-weight: 300;
line-height: 60px;
border-left: 2px #121213 solid;
padding-left: 1rem;
}
#media-text h2 span{font-weight:500;}
#media-text .heading{
padding-bottom: 50px;
}
#media-text video{width:100%;}
#media-text.has-bg-dark-gray h2, #media-text.has-bg-dark-gray p{
color:#fff;
border:unset;
padding:0;
}
.has-swoop{
clip-path: ellipse(69% 69% at 38% 30%);
}
#media-text.lg-title h2 {
font-size:74px;
line-height: 80px;
letter-spacing: -1.85px;
}
#media-text.has-swoop .title{
width:73%;
}
/* Simple Text 4 Columns */
.simple-text {
padding: 1rem 0 2rem;
margin-top: -110px;
}
.simple-text [class^="col-"] {
margin: auto;
}
.simple-text .col-sm-1:last-of-type{display:none;}
/* Resources (2025) */
#resources{padding: 70px 0 68px;}
#resources .heading{
display:flex;
padding-bottom:40px;
}
#resources .heading .title{width:75%;}
#resources .heading .view-all{
width:25%;
align-self: flex-end;
padding: 0 35px 0 0;
}
#resources .view-all a{
color: var(--c-029-bcaa-compliant-on-f-5-f-5-fa, #C029BC);
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 22px;
letter-spacing: 0.18px;
}
#resources .view-all a:after{
content: ">";
color: var(--c-029-bcaa-compliant-on-f-5-f-5-fa, #C029BC);
padding-left:5px;
}
#resources h2, #resources a{
font-family: Poppins;
}
#resources h2 {
font-size: 55px;
font-weight: 300;
line-height: 60px;
border-left: 2px #121213 solid;
padding-left: 1rem;
margin: unset;
}
#resources .item {
background: var(--f-5-f-5-fa-concrete-light-2, #F5F5FA);
border-radius: 25px;
}
#resources .item .img-hold{
border-radius: 10px 10px 0 0;
}
#resources .item .description {
position: relative;
padding-right: 50px;
margin: 0 25px;
padding-bottom: 25px;
}
#resources article {
display: flex;
}
#resources article .item {
flex:1;
display: flex;
flex-direction: column;
}
#resources .item h4 {
font-size: 18px;
font-weight: 600;
line-height: 27px;
}
/* CTA Bar (2025) */
#cta-bar {
font-family: Poppins;
}
#cta-bar .results{
border-left: 3px solid #fff;
padding-left: 1rem;
text-align: left;
width: 65%;
}
#cta-bar h2 {
font-weight: 300;
font-size: 55px;
}
#cta-bar p {
font-weight: 300;
font-size: 22px;
line-height: 28px;
}
#cta-bar .hero-btns-list {
justify-content: flex-start;
}
#cta-bar .hero-btns-list .btn{
border-radius: 50px;
height: 56px;
padding: 17px 30px;
font-weight: 500;
font-size: 18px;
}
.hero-btns-list .btn.btn-purple {
background: var(--c-732-c-0-aa-compliant, #C732C0);
}
#cta-bar .hero-btns-list .btn.btn-black {
border: 1px #fff solid;
}
/* Single Video */
#single-video {padding: 100px 0;}
#single-video h2 {
font-family:Poppins;
font-weight: 300;
font-size: 55px;
}
#single-video iframe {border-radius: 25px;}
/* Media and Text Side by Side */
.side-by-side h2, .side-by-side p, .side-by-side a{
font-family:Poppins;
}
.side-by-side h2{
font-size: 55px;
font-weight: 300;
line-height: 60px;
margin-top: -10px;
}
.side-by-side h2 span{
font-weight:500;
color:inherit;
}
.side-by-side p{
font-size: 22px;
font-weight: 300;
line-height: 28px;
}
.side-by-side a{
font-size: 18px;
font-weight: 600;
line-height: 22px;
color: var(--c-732-c-0-aa-compliant, #C732C0);
padding-top: 1rem;
}
.side-by-side a:after{
content: ">";
color: var(--c-029-bcaa-compliant-on-f-5-f-5-fa, #C029BC);
padding-left:5px;
}
.side-by-side .in-wrap {
border-left: 2px solid #121213;
padding-left: 1rem;
align-self: center;
display: flex;
flex-direction: column;
}
.side-by-side .rt-pad{
padding-right: 100px;
}
.side-by-side .lt-pad{
padding-left: 100px;
}
.side-by-side .col-lg-4{
display:flex;
width: 35%;
}
.side-by-side .col-lg-8{
display:flex;
width: 65%;
}
/* Testimmonial Slider (2025) */
#testimonial .blockquote-footer, #testimonial .testimonial-img {
background: #fff;
color: #121213;
padding: 30px;
border-radius: 25px;
}
#testimonial .col-md-6.testimonial-img, #testimonial .col-md-6.quote {
width:49%;
}
#testimonial .container {
padding: 0;
}
#testimonial q, #testimonial p{
font-family: Poppins;
text-align:left;
}
#testimonial q {
font-size: 28px;
font-weight: 400;
line-height: 34px;
}
#testimonial p{
font-size:22px;
}
#testimonial .customer-name {
margin: 3em 0 0 0;
font-weight:600;
color:#121213
}
#testimonial .designation{
font-weight:300;
}
#testimonial .btn {
background-color: var(--c-029-bcaa-compliant-on-f-5-f-5-fa, #C029BC);
border-radius: 50px;
}
.testimonials.bg-black .slick-arrow:hover {
color: var(--c-029-bcaa-compliant-on-f-5-f-5-fa, #C029BC);
}
#testimonial span.company-avatar {
width: 30%;
float:left;
}
#testimonial .customer {
width: 65%;
float: right;
padding: 20px 0;
}
#testimonial.testimonials .btn-wrap{margin-top: 200px;}
/*#testimonial [class^="col-"]{
flex:1;
justify-content: space-between;
display: flex;
flex-direction: column;
}*/
/* MEDIA QUERIES */
@media (max-width: 1023px) {
.page-podcast .podcast-header h1 {
font-size: 46px;
}
.page-podcast .col-md-7,
.page-podcast .col-md-6,
.page-podcast .col-md-5,
.page-podcast .col-md-4 {
margin-bottom: 30px;
}
.podcast-about-speaker {
text-align: center;
}
.podcast-about-speaker .speaker-image-wrap {
margin: 0 auto 30px;
}
}
@media (max-width: 1023px) {
#header>div>nav>ul.utility-nav>li:nth-child(2)>a {
background: transparent !important;
border: 2px solid #fff !important;
color: #fff !important;
}
#header>div>nav>ul.utility-nav>li:nth-child(2)>a:hover {
background: #fff !important;
border: 2px solid #000 !important;
color: #000 !important;
}
}
@media (max-width: 1024px) {
/* .podcast-detail .transcript-btns-align-right { float: right;width: 62%;margin-top: -360px;display: flex;flex-direction: column;text-align: center;}*/
#lp-hero .sub-heading{font-size:25px;}
.lp-cards .card{min-height:920px;}
.lp-media h2, .lp-cards h2, .media_hs_form h2{font-size:60px;}
.lp-media.media-03 .row, .media_hs_form .row {align-items: unset;}
#lp-hero.collaborate h1{font-size:36px;}
#lp-hero.collaborate .sub-heading{font-size:16px;}
.media_simple--collab h2{font-size:28px;}
.cta_bar--collab .btn{font-size:18px;}
.four-column.partner-collab h3{font-size:18px;}
#hero25 h1{font-size: 50px;line-height: 53px;letter-spacing: -1.25px;}
#hero25 p {font-size: 18px;line-height: 27px;}
#hero25.hero .hero-img{width:87%;}
#hero25 .container {padding-left: 40px;padding-right: 40px;}
.partners-slider-wrap .title {font-size: 24px;}
.features-25 .col-md-6.title {padding-left: 60px;padding-right:10px}
.features-25 .subtitle {padding-left: 0;padding-right: 20px;}
.features-25 .title h2{font-size:45px;line-height:48px;}
.features-25 .header {width: 50%;display: flex;flex-direction: column;flex: 1;order: 2;align-self: center;text-align: left;padding-left: 40px;padding-right:40px;}
.features-25 .icon-wrap {width: 50%;display: flex;flex-direction: column;flex: 1;order: 1;padding-left: 40px;}
.features-25 .features-row .col-md-12 {display: flex;order: 1;flex-direction:row;flex:unset;}
.features-25 .features-row .col-sm-12:nth-child(1), .features-25 .features-row .col-sm-12:nth-child(2) {border-right:unset;border-bottom: 1px #121213 solid;padding-bottom:60px;}
.features-25 .features-row .col-sm-12:nth-child(3), .features-25 .features-row .col-sm-12:nth-child(2){padding-top:60px;}
.features-25 h3{font-size:24px;}
#media-text {padding: 50px 40px;}
#media-text h2 {font-size: 45px;line-height: 48px;}
#media-text.has-swoop .title {width: 95%;}
.side-by-side {padding-left: 40px;padding-right: 40px;}
.side-by-side h2{font-size:45px;line-height:48px;}
.side-by-side p{font-size:18px;line-height:27px;}
.side-by-side .rt-pad {padding-right: 50px;}
.side-by-side .lt-pad {padding-left: 50px;}
#single-video iframe{width:100%;height:483px;}
#single-video {padding: 50px 40px;}
#testimonial q{font-size:24px;line-height:30px;}
#testimonial p{font-size:18px;line-height:27px;}
#testimonial blockquote{width:80%;margin:auto;}
#testimonial.testimonials .testimonials-slider-single + .slider-nav .slick-arrow{left:15px;top:30px;}
#testimonial.testimonials .testimonials-slider-single + .slider-nav .slick-arrow.icon-next.slick-next{right:-940px;}
#resources h2{font-size:45px;line-height:48px;}
#resources article{padding:0 5px;}
#resources{padding: 70px 40px 68px;}
#resources .heading .view-all{padding:0;}
#cta-bar .container {padding: 0 60px;}
}
@media (max-width: 767px) {
.media_hs_form .form-box-hbspt [id^="gdpr_opt_in"].hs-input{
height: unset;
}
}
@media (max-width: 768px){
#lp-hero.hero {
padding-bottom: 4rem;
text-align:unset;
}
#lp-hero h1 {
font-size:70px;
text-align: center;
}
#lp-hero .sub-heading {
text-align: left;
}
#lp-hero .location {
display: inline-block;
padding-bottom: unset;
vertical-align: bottom;
font-size: 18px;
margin-right: 20px;
}
#lp-hero .location p{
margin:0;
}
#lp-hero .hero-btns-list {
display: inline-block;
font-size: 20px;
}
#lp-hero.hero .hero-img {
text-align: center;
}
.lp-cards .card {
min-height:unset;
}
.lp-cards .card .content {
min-height: unset;
}
.lp-cards [class*=col-]:nth-child(2n) .description {
padding-left: 3rem;
}
.lp-cards.part_purple .card h3 {
font-size:30px;
}
.lp-cards .card .content p {
font-size: 18px;
}
.lp-cards .card .btn {
font-size:20px;
padding: 27px 27px;
}
.lp-media .col-sm-6 {
width:100%
}
.lp-media [class*=col-]:nth-child(2n) {
text-align: center;
}
.lp-media .description {
margin: 0 150px 0 40px;
}
.lp-media .description p {
font-size:18px;
}
.lp-media .btn-wrap .btn {
font-size: 20px;
padding: 40px;
}
.media_r .img {
width: 75%;
margin: auto;
}
#lp-hero.collaborate h1{font-size:48px;text-align:left;}
#lp-hero.collaborate .sub-heading{font-size:18px;font-weight:300;}
#lp-hero.collaborate .hero-btns-list { width: initial; }
/*#lp-hero.collaborate .btn { width: 100%; }*/
#on-page-heading h2 { font-size: 40px; }
.media-block-1.media_simple--collab{padding: 50px 0;}
.media_simple--collab h2{font-size:32px; width: 100%; float:left;}
.media_simple--collab p{ font-size: 16px; width: 100%; float:right;}
.media-block-1.media_simple--collab .col-sm-5, .media-block-1.media_simple--collab .col-sm-7{width:100%;}
.media-block-1.media_simple--collab .row{display:flex;flex-direction:column;}
.media-block-1.media_simple--collab .col-sm-5{order:1;}
.media-block-1.media_simple--collab .col-sm-7{order:2;padding-top: 2rem;}
.four-column.partner-collab h2{font-size:48px;}
.four-column.partner-collab h3{font-size:22px;font-weight:500;}
.four-column.partner-collab .col-sm-3{width:45%;padding: 0 30px;margin: 0 auto;}
#hero25.hero .hero-img{width:88%;margin:auto;padding:60px;}
#hero25 .container {padding-left: 40px;padding-right: 40px;}
.partners-slider-wrap .title {padding-left: 0;text-align:center;}
.features-25 .col-md-6.title {padding-left: 0;padding-right:10px}
.features-25 .subtitle {padding-left: 0;padding-right: 20px;}
.features-25 .title h2{font-size:45px;line-height:48px;}
.features-25 .heading{padding-left:70px;}
.features-25 .col-md-12 {display: flex;order: 1;}
.features-25 .icon-wrap{justify-content: center;}
.features-25 .features-row .col-sm-12:nth-child(1), .features-25 .features-row .col-sm-12:nth-child(2) {border-right:unset;border-bottom: 1px #121213 solid;padding-bottom:60px;}
.features-25 .features-row .col-sm-12:nth-child(3), .features-25 .features-row .col-sm-12:nth-child(2){padding-top:60px;}
#media-text .title{width:95%;}
#media-text.lg-title h2{font-size:64px;line-height:66px;}
#media-text.has-swoop .title{width:93%;padding-bottom: 100px;}
.has-swoop {clip-path: ellipse(80% 69% at 30% 30%);}
.side-by-side[class*=media-block-] {padding: 50px 40px;}
.side-by-side {padding-top: 40px;}
.side-by-side .rt-pad {padding-right: 0;}
.side-by-side .lt-pad {padding-left:0;}
.side-by-side .col-sm-12{width:100%;padding-left: 0;}
.side-by-side .col-sm-12:nth-child(2){padding-top:50px;}
.side-by-side .col-sm-12:not(.lt-pad) {order:2;padding-top: 50px;}
#single-video iframe{width:100%;height:356px;}
#testimonial .col-sm-12.testimonial-img, #testimonial .col-sm-12.quote {width:100%;}
#testimonial.testimonials .testimonials-slider-single .row{display: block;}
#testimonial.testimonials .testimonials-slider-single + .slider-nav .slick-arrow{display:none !important;}
#testimonial .col-sm-12.quote{padding:0 0 20px 0;}
#testimonial.testimonials {padding: 90px 0 180px;}
#resources .heading .title {width: 100%;}
#cta-bar .results{width:95%;}
#cta-bar .hero-btns-list{padding-left:5px;}
#cta-bar h2{font-size:45px;}
#cta-bar p{font-size:18px;}
}
@media (max-width: 575px){
#lp-hero h1 {
font-size: 47px;
text-align: unset;
}
#lp-hero .location {
padding-bottom: 25px;
}
#lp-hero .hero-btns-list {
width:100%;
}
.lp-cards{
padding-top:70px;
}
.lp-cards .card .btn {
height: unset;
padding: 17px 17px;
width: 100%;
}
.date-time {
display:block;
}
.date-stamp {
margin-bottom: 10px;
}
.lp-media h2, .lp-cards h2, .media_hs_form h2{
font-size:47px;
text-align:left;
}
.lp-cards .card .location {
min-height: 50px;
}
.lp-cards .card .btn {
text-align:center;
}
.lp-cards .card-image img {
max-height: fit-content;
}
.lp-media .description, .media_hs_form .description {
text-align: left;
margin:0;
}
.lp-media .m-content{
display: none;
}
.lp-media .d-content{
display: block;
}
.lp-media .btn-wrap .btn {
width: 100%;
}
#lp-hero.collaborate h1{font-size:35px;}
/*#lp-hero.collaborate .btn { width: 100%; }*/
.media_simple--collab h2{font-size:28px;width:100%;}
.media_simple--collab p{ font-size: 16px;width:100%;}
.media_simple--collab .col-sm-7{width:100%;}
.media_simple--collab .col-sm-5{width:100%;}
.four-column.partner-collab h2{font-size:40px;}
.four-column.partner-collab .col-sm-3{width:100%;text-align:left;}
.factors.four-column.partner-collab .icon-wrap{justify-content:start;}
.four-column.partner-collab h3{font-size:20px;}
.four-column.partner-collab p{font-size:16px;}
.cta_bar--collab h2{font-size:40px;}
.ready.cta_bar--collab .hero-btns-list{width:initial;margin:0;justify-content: left;display: flex;}
.cta_bar--collab .hero-btns-list .btn{width:initial;}
#hero25 h1{font-size:36px;line-height:40px;}
#hero25.hero .hero-img {width: 100%;margin: auto;padding: 30px;margin-bottom: 30px;}
#hero25 .container{padding:0 22px;}
.partners-slider-wrap .title{font-size:22px;line-height:28px;padding: 0 40px;}
.partners-slider-wrap.alt::before,.partners-slider-wrap.alt::after{width:3em;}
.features-25 .heading{padding:0 20px;}
.features-25 .subtitle{padding-right:5px;}
.features-25 .header {padding-top: 25px;}
.features-25 .icon-wrap, .features-25 .header{width:100%;padding:0;}
.features-25 .header {padding-top: 25px;}
.features-25 .features-row .col-md-12{flex:1; flex-direction:column;}
.features-25 .features-row .col-sm-12:nth-child(1), .features-25 .features-row .col-sm-12:nth-child(2){padding-bottom:20px;}
.features-25 .features-row{display:block;}
#media-text{padding:50px 20px;}
#media-text h2{font-size:36px;line-height:40px;}
#media-text .container{padding:0;}
#media-text.lg-title h2{font-size:40px;line-height:44px;}
#media-text.has-swoop .title{width:95%;}
#media-text video.tm-mb-40 {padding-top: 2rem;}
.has-swoop {clip-path: ellipse(124% 67% at 19% 33%);}
#media-text.has-swoop .title{padding-bottom:0;}
.simple-text {padding: 1rem 0 2rem;margin-top: -30px;}
.side-by-side[class*=media-block-]{padding:20px 20px;}
.side-by-side .col-sm-12{padding-right:0;}
.side-by-side h2{font-size:36px;line-height:40px;}
#single-video{padding:20px;}
#single-video .container{padding:0;}
#single-video h2{font-size:36px;line-height:40px;}
#single-video iframe{height:200px;}
#testimonial .col-sm-12.testimonial-img{display:none;}
#testimonial .testimonials-slider-single.slick-initialized.slick-slider {padding: initial;}
#testimonial button.slick-arrow {display: none !important;}
#testimonial.testimonials {padding: 50px 0 60px;}
#testimonial q{font-size:22px;line-height:28px;padding-bottom: 30px;}
#testimonial .customer-name{margin:0;}
#testimonial.testimonials .testimonials-slider-single .btn-wrap {margin: 0;}
#testimonial span.company-avatar {width: 100%;float:unset;}
#testimonial .customer {width: 100%;float: unset;padding: 0;}
#resources{padding: 70px 20px 40px;}
#resources .container{padding:0 10px;}
#resources .heading{flex-direction:column;}
#resources h2{font-size:36px;line-height:40px;}
#resources .heading .view-all{width:100%;padding-top: 20px;}
#resources .view-all{text-align:left;border-left: 2px #121213 solid;padding-left: 1rem !important;}
#resources .item .description{padding-right: 0;padding-bottom: 10px;}
#cta-bar .container{padding:0 22px;}
#cta-bar h2{font-size:36px; line-height:40px;}
#cta-bar .hero-btns-list {padding-left: 5px;max-width: fit-content;}
#cta-bar.ready .hero-btns-list{margin: unset;}
}
.navbar .utility-nav>li {
padding: 0px 5px !important;
}