/*!
Theme Name:   htmedia
Author:       htmedia
Version:      2.6.0
Tested up to: 5.5.0
Requires PHP: 5.6.0
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Tags:         two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, editor-style

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Storefront is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer https://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

All sizing (typography, layout, padding/margins, etc) are inspired by a modular scale that uses 1em as a base size with a 1.618 ratio.
You can read more about the calculator we use in our Sass here: https://github.com/modularscale/modularscale-sass

FontAwesome License: SIL Open Font License - http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL
Images License: GNU General Public License v2 or later
*/
/*
======
Note: Do not edit this file. If you wish to add your own CSS, go to Customizer > Additional CSS.
======
*/
/*!
 * normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css
 */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
 body, .secondary-navigation a {
    color: black !important;
}

.about-us-page .banner-wrapper .banner-container {
    background: url(./images/banner-about-us.png) no-repeat top center;
    height: calc(100vh - 60px);
    width: 100%;
    background-size: cover;
}
.product-image.Livehindustan {
	width: 820px;
}
 .product-image.Livehindustan img {
	max-width: 100%;
	width: fit-content;
}  
.gallery-content.display-flex.flex-direction-column.aw p {
    font-size: 1.8rem;
    line-height: 22px;
    text-align: left;
    color: #fff;
    opacity: 0.95;
    font-weight: 300;
}
.gallery-content.display-flex.flex-direction-column.aw ul li {
    color: white;
    font-size: 1.8rem;
    font-weight: 300;
    letter-spacing: -0.68px;
    line-height: 22px;
    list-style-type: disc;
    margin-left: 20px;
    opacity: .95;
}

img.twitter-featured-img {
    width: 100%;
    height: 187px;
    padding-right: 0px !important;
}
.social-artcle p {
    font-size: 16px;
    color: #6C7174;
    letter-spacing: 0.1px;
    padding-bottom: 30px;
    line-height: 22px;
    font-family: 'Ubuntu';
    max-width: 320px;
}
.twitter-api-posts .nws-insght-grid {
    background-color: transparent;
    border: 1px solid #9b1f1f;
    min-height: 540px;
    margin-bottom: 30px;
    position: relative;
    cursor: pointer;
}
.twitter-post-head h3 {
    color: #000000;
    font-family: 'Ubuntu';
    font-size: 20px;
    font-weight: 500;
    line-height: 22px;
}
.twitter-sec .social-artcle .post-time h3 {
    color: #6C7174;
    line-height: 22px;
}
.post-time h3 {
    color: #000000;
    font-family: 'Ubuntu';
    font-size: 16px;
    line-height: 48px;
    padding-bottom: 17px;
    /* border-bottom: 3px solid #A8DDC2; */
}

.news-t-contnt {
    border: 1px solid #08395654;
    border-radius: 15px;
    padding: 12px;
}

body.product-page .behind-the-brand .fixed-wrapper .box-container .column-container:only-child .col-1 img{
    height: unset;
}
/*body.product-page .services-offered-wrapper .fixed-wrapper .services-offered-details .box{
    margin-top: unset;
        width: 23%;
}
body.product-page .our-partners-wrapper .fixed-wrapper .logos-wrapper .logo-box{
    width: auto;
}
.product-image.Desi-Martini img {
    max-width: 100%;
    width: fit-content;
}

.product-image.Desi-Martini {
    width: 820px;
}
body.product-page .services-offered-wrapper .fixed-wrapper .services-offered-details .shn .box  {
    margin-bottom:80px;
    width: 31%!important;
}
.services-offered-details.display-flex.flex-wrap.space-between.shn .box {
    width: 31%;
    margin-bottom:80px; 
} 
*/
@media (max-width: 767px) {
	.mbhdimg {
		width:100%;
	}
	body.product-page.fabplay .our-partners-wrapper .fixed-wrapper .logos-wrapper .logo-box {
    width: 14%;
} 
body.investor-relations-page .message-box-wrapper .upcoming-bottom-carousel .carousel-slides .inner-slides .report-content span{
	    font-size: 15px!important;
	}	
body.investor-relations-page .message-box-wrapper .upcoming-bottom-carousel .carousel-slides .inner-slides .report-content{
	    height: 135px !important;
	}	
}
@media only screen and (max-width: 1024px){
body.product-page.fabplay .our-partners-wrapper .fixed-wrapper .logos-wrapper .logo-box {
    width: 30% !important;
    margin-top: 50px;
}
}


/*========== Home New CSS Start ==========*/
/* Fonts CSS Start */

@font-face {
    font-family: 'Source Serif 4';
    src: url('./../htmedia/assets/fonts/SourceSerif4-Bold.eot');
    src: url('./../htmedia/assets/fonts/SourceSerif4-Bold.eot?#iefix') format('embedded-opentype'),
        url('./../htmedia/assets/fonts/SourceSerif4-Bold.woff2') format('woff2'),
        url('./../htmedia/assets/fonts/SourceSerif4-Bold.woff') format('woff'),
        url('./../htmedia/assets/fonts/SourceSerif4-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./../htmedia/assets/fonts/Montserrat-Medium.eot');
    src: url('./../htmedia/assets/fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
        url('./../htmedia/assets/fonts/Montserrat-Medium.woff2') format('woff2'),
        url('./../htmedia/assets/fonts/Montserrat-Medium.woff') format('woff'),
        url('./../htmedia/assets/fonts/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./../htmedia/assets/fonts/Montserrat-SemiBold.eot');
    src: url('./../htmedia/assets/fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('./../htmedia/assets/fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('./../htmedia/assets/fonts/Montserrat-SemiBold.woff') format('woff'),
        url('./../htmedia/assets/fonts/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
/* Fonts CSS End */

/* Common CSS Start */
:root {
	--primary-color: #5E459C;
    --primary--dark: #7256b6;
    --primary-color-light: #9173d7;
    --primary-color-light2: #d1c0fb;
	--secondary-color: #62D0FA;
	--dark-color: #000000;
	--ternary-color: #FFCC1D;
	--common-color: #141115;
	--white-color: #ffffff;
	--title-font: 'Source Serif 4';
	--body-font: 'montserratmedium';
    --border-color: #D9D9D9;
    --bg-grey: #F4F4F4;
    --grey-color: #cecece;
    --grey-gradient-color: linear-gradient(45deg, #d7d7d7, #ffffff)
}

.ht_page_wrapper {
	font-family: var(--body-font);
	font-size: 18px;
	line-height: 32px;
	font-weight: 500;
    letter-spacing: 0;
    width: 100%;
	overflow-x: hidden;
	margin: 0 !important;
    padding-bottom: 0;
}

.ht_page_wrapper ul {
	margin: 0;
	padding-left: 20px;
}

.ht_page_wrapper a {
	transition: 0.3s;
}

.ht_page_wrapper p {
	margin-top: 0;
}

.ht_page_wrapper img {
    max-width: 100%;
    height: auto;
}

.ht_page_wrapper .page-container {
	width: 1599px;
    max-width: 100%;
	position: relative;
	display: block;
	margin: auto;
	z-index: 5;
}

@media screen and (max-width:1680px) {
    .ht_page_wrapper .page-container {
        width: 1279px;
    }
}

@media screen and (max-width:1500px) {
    .ht_page_wrapper .page-container {
        width: 1119px;
    }
}

@media screen and (max-width:1024px) {
    .ht_page_wrapper .page-container {
        width: 100%;
        padding-inline: 12px;
    }
}

.ht_page_wrapper .h1-title {
	font-family: var(--title-font);
	font-size: 100px;
	font-weight: 900;
	line-height: 123px;
	color: var(--dark-color);
	margin: 0;
}

.ht_page_wrapper .h2-title {
	font-family: var(--title-font);
	font-size: 4.17vw;
	line-height: 1.225;
	font-weight: 700;
	color: var(--dark-color);
	margin: 0;
}

.ht_page_wrapper .h3-title {
	font-family: var(--title-font);
	font-size: 1.67vw;
	line-height: 1.3;
	font-weight: 700;
	color: var(--common-color);
	margin: 0 0 12px 0;
}

.ht_page_wrapper .h4-title {
	font-family: var(--title-font);
	font-size: 2vw;
	line-height: 1;
	font-weight: 700;
	color: var(--dark-color);
	margin: 0 0 6px 0;
}

.ht_page_wrapper .page-title-content {
    display: flex;
    gap: 0 47px;
	margin-top: 3.5vh;
}

.ht_page_wrapper .page-title-content .line {
    width: 19.7%;
    height: 10px;
    background: var(--dark-color);
    flex-shrink: 0;
    margin-top: 7px;
}

.ht_page_wrapper .slick-arrow {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    width: 39px;
    height: 39px;
    background: transparent;
    border-radius: 50%;
    border: 2px solid #8E8E8E;
    color: #8E8E8E;
    -webkit-text-stroke: 0.3px var(--white-color);
    outline: none !important;
    transition: 0.3s;
}

.ht_page_wrapper .slick-arrow:before {
    content: "\f061";
    position: relative;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.ht_page_wrapper .slick-arrow.next-arrow {
    left: 52px;
}

.ht_page_wrapper .slick-arrow.prev-arrow:before {
    content: "\f060";
}

.ht_page_wrapper .slick-arrow:hover {
    background: transparent;
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.ht_page_wrapper .slick-dots {
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    position: relative;
    margin-top: 20px;
}

.ht_page_wrapper .slick-dots li {
    display: inline-block;
    margin: 0;
}

.ht_page_wrapper .slick-dots li button {
    font-size: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--dark-color);
    opacity: 0.1;
    transition: 0.3s;
}

.ht_page_wrapper .slick-dots li button:hover, 
.ht_page_wrapper .slick-dots li.slick-active button {
    background: var(--primary-color);
    opacity: 1;
}

.ht_page_wrapper,
.ht_page_wrapper main {
    width: 100%;
    overflow-x: hidden;
}

main {
    width: 100%;
    overflow-x: hidden;
}

.for-desktop {
    display: block;
}

.for-mobile {
    display: none;
}
/* Common CSS End */

/* Header Section CSS Start */
header {
    z-index: 100 !important;
}

/* Header Section CSS End */

/* Banner Section CSS Start */
.ht_page_wrapper .main-banner {
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
}


.ht_page_wrapper .banner-video {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.ht_page_wrapper .banner-video video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.ht_page_wrapper .banner-content {
	text-align: center;
}

.ht_page_wrapper .banner-content .h1-title {
	max-width: 787px;
	display: inline-block;
	color: var(--white-color);
}
/* Banner Section CSS End */

/* Legacy of Credible Journalism Section CSS Start */
.ht_page_wrapper .credible-journalism {
    position: relative;
    padding: 13.2vh 0 12vh 0;
}

.ht_page_wrapper .credible-journalism-title .h2-title {
    max-width: 65vw;
}

.ht_page_wrapper .credible-journalism-title .page-title-content-box>p {
    padding-right: 15%;
}

.ht_page_wrapper .credible-journalism-list {
    margin-top: 8vh;
	display: flex;
	justify-content: space-between;
    gap: 30px;
}

.ht_page_wrapper .credible-journalism-box {
    width: auto;
    max-width: 318px;
}

.ht_page_wrapper .credible-journalism-icon {
    display: flex;
	margin-bottom: 18px;
}

.ht_page_wrapper .credible-journalism-icon img {
    width: auto;
    height: 66px;
}
/* Legacy of Credible Journalism Section CSS End */

/* Real Audience Connections Section CSS Start */
.ht_page_wrapper .audience-connection {
    position: relative;
    padding: 7vh 0 10.8vh 0;
    background: var(--primary-color);
    overflow: hidden;
}

.ht_page_wrapper .audience-connection-img {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
}

.ht_page_wrapper .audience-connection-img img {
    width: auto;
    max-width: unset;
    height: 100%;
}

.ht_page_wrapper .audience-connection-title {
    float: left;
    width: 50%;
    margin-bottom: -12.5vh;
}

.ht_page_wrapper .audience-connection-content {
    width: 59%;
    display: block;
    margin-left: auto;
}

.ht_page_wrapper .audience-connection-title .h2-title {
    color: var(--white-color);
}

.ht_page_wrapper .audience-connection-list {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 19px;
    width: 100%;
}

.ht_page_wrapper .audience-connection-list-box {
    width: 100%;
    padding: 16px 20px 10px;
    background: var(--secondary-color);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.ht_page_wrapper .audience-connection-list-box img {
    width: auto;
    height: 26px;
    margin-bottom: 15px;
}

.ht_page_wrapper .audience-connection-list-box .h4-title {
    color: var(--white-color);
    margin-bottom: 9px;
}

.ht_page_wrapper .audience-connection-list-box p {
    font-size: 1.05vw;
    line-height: 1.44;
    color: var(--white-color);
    margin-bottom: 5px;
}

.ht_page_wrapper .audience-connection-list-box span {
    font-size: 7px;
    line-height: 10px;
    display: inline-block;
    color: var(--primary-color);
    margin: 0;
    margin-top: auto;
}

.ht_page_wrapper .audience-connection-counter {
    margin-top: 5vh;
}

.ht_page_wrapper .audience-connection-counter ul {
    list-style: none;
    padding: 0;
    display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 5.3vh 0;
}

.ht_page_wrapper .audience-connection-counter ul li {
    position: relative;
    padding-right: 3.15vw;
    margin-right: 3.15vw;
}

.ht_page_wrapper .audience-connection-counter ul li:nth-child(3n) {
	margin-right: 0;
	padding-right: 0;
}

.ht_page_wrapper .audience-connection-counter ul li:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0,-50%);
    width: 2px;
    height: 76px;
    background: var(--white-color);
}

.ht_page_wrapper .audience-connection-counter ul li:nth-child(3n):before,
.ht_page_wrapper .audience-connection-counter ul li:last-child:before {
    display: none;
}

.ht_page_wrapper .audience-connection-counter ul li .h2-title {
    font-size: 3.65vw;
    line-height: 1.23;
    color: var(--white-color);
    margin-bottom: 0;
}

.ht_page_wrapper .audience-connection-counter ul li .counter-link {
    font-size: 1.25vw;
    line-height: 1.7;
    color: var(--white-color);
    text-decoration: none;
    display: inline-block;
}

.ht_page_wrapper .audience-connection-counter ul li .counter-link span {
    width: 35px;
    height: 35px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 2px solid var(--white-color);
    border-radius: 50%;
	margin-left: 12px;
	vertical-align: middle;
    transition: 0.3s;
}

.ht_page_wrapper .audience-connection-counter ul li .counter-link span img {
    width: 12px;
    height: auto;
}

.ht_page_wrapper .audience-connection-counter ul li .counter-link:hover span {
    background: var(--ternary-color);
	border-color: var(--ternary-color);
}
/* Real Audience Connections Section CSS End */

/* Relevance That Drives Results Section CSS Start */
.ht_page_wrapper .drives-results {
    position: relative;
    padding-top: 15.4vh;
    padding-bottom: 54px;
}

.ht_page_wrapper .drives-results-img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 37.14vw;
    height: 86%;
    display: flex;
    justify-content: flex-end;
}

.ht_page_wrapper .drives-results-img img {
    max-width: 100%;
    height: auto;
    max-height: 100%;
    width: auto;
}

.ht_page_wrapper .drives-results-title a>img {
    width: 20.32vw;
    height: auto;
}

.link-arrow {
    display: inline-flex;
    align-items: center;
    gap: 0 33px;
    font-size: 1.67vw;
    line-height: 1;
    color: var(--common-color);
    text-decoration: none;
}

.link-arrow .link-arrow-img {
    display: inline-flex;
    align-items: center;
}

.link-arrow .link-arrow-img img {
    width: 55px;
    position: relative;
    z-index: 1;
}

.link-arrow .link-arrow-img:after {
    content: '';
    position: relative;
    width: 49px;
    height: 49px;
    border: 2.5px solid var(--dark-color);
    border-radius: 50%;
    background: transparent;
    margin-left: -32px;
    flex-shrink: 0;
    transition: 0.3s;
    z-index: 0;
}

.link-arrow:hover .link-arrow-img:after {
    background: var(--ternary-color);
    border-color: var(--ternary-color);
}

.ht_page_wrapper .drives-results-title .page-title-content {
    margin-top: 6px;
    gap: 0 30px;
    max-width: 58.42vw;
}

.ht_page_wrapper .drives-results-title .page-title-content-box .h3-title {
    font-family: var(--body-font);
    font-weight: 500;
}

.ht_page_wrapper .drives-results-title .page-title-content .line {
    width: 13.47%;
    margin-top: 0.7vw;
}

.ht_page_wrapper .drives-results-list {
    margin-top: 7vh;
    margin-bottom: 8.2vh;
}

.ht_page_wrapper .drives-results-list ul {
    list-style: none;
    padding: 0;
    width: 70vw;
    display: flex;
    flex-wrap: wrap;
    row-gap: 7vh;
}

.ht_page_wrapper .drives-results-list ul li {
    display: inline-block;
    margin-right: 2.8%;
    padding-right: 2.8%;
    position: relative;
}

.ht_page_wrapper .drives-results-list ul li:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0,-50%);
    width: 2px;
    height: 90px;
    background: var(--border-color);
}

.ht_page_wrapper .drives-results-list ul li:last-child, 
.ht_page_wrapper .drives-results-list ul li:nth-child(4n) {
    margin-right: 0;
    padding-right: 0;
}

.ht_page_wrapper .drives-results-list ul li:last-child:before, 
.ht_page_wrapper .drives-results-list ul li:nth-child(4n):before {
    display: none;
}

.ht_page_wrapper .drives-results-list-box {
    position: relative;
    display: flex;
    gap: 0 12px;
}

.ht_page_wrapper .drives-results-list-icon {
    display: inline-block;
    width: 2.45vw;
    flex-shrink: 0;
}

.ht_page_wrapper .drives-results-list-icon img {
    width: 100%;
    height: auto;
    margin-top: 5px;
}

.ht_page_wrapper .drives-results-list-text h5 {
    font-size: 2.61vw;
    line-height: 1;
    font-family: var(--title-font);
    color: var(--dark-color);
    margin-bottom: 8px;
}

.ht_page_wrapper .drives-results-list-text p {
    font-size: 1.25vw;
    line-height: 1.8;
    color: var(--dark-color);
    margin-bottom: 0;
}

.ht_page_wrapper .drives-results-link .link-arrow {
    gap: 0 13px;
}

.ht_page_wrapper .drives-results-link .link-arrow .link-arrow-img img {
    width: 37px;
}

.ht_page_wrapper .drives-results-link .link-arrow .link-arrow-img:after {
    width: 33px;
    height: 33px;
    margin-left: -21px;
}
/* Relevance That Drives Results Section CSS End */

/* Media Brands Section CSS Start */
.ht_page_wrapper .main-media-brands {
    position: relative;
    padding-top: 16vh;
}

.ht_page_wrapper .media-brands-title {
    max-width: 70%;
    display: block;
    margin: auto;
    text-align: center;
}

.ht_page_wrapper .media-brands-list-wrap {
    margin-top: 10vh;
}

.ht_page_wrapper .media-brands-list-box-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px;
    position: relative;
}

.ht_page_wrapper .media-brands-list-box {
    width: 20%;
    display: inline-block;
    padding: 0 20px;
}

.ht_page_wrapper .media-brands-list-title {
    width: 100%;
    height: 5.94vw;
    background: var(--primary-color);
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.15vw;
    line-height: 1.45;
    color: var(--white-color);
    font-weight: 600;
    gap: 0 1vw;
    text-align: left;
    padding: 0 20px;
}

.ht_page_wrapper .media-brands-list-title img {
    width: 1.83vw;
}

.ht_page_wrapper .media-brands-list {
    margin-top: 3.71vh;
}

.ht_page_wrapper .media-brands-list ul {
    padding: 0;
    display: flex;
    flex-direction: column;
    row-gap: 35px;
}

.ht_page_wrapper .media-brands-list ul li {
    width: 100%;
    height: 5.21vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ht_page_wrapper .media-brands-list ul li img {
    width: auto;
    height: auto;
    max-width: 90%;
    max-height: 90%;
}

.ht_page_wrapper .media-brands-box-inner {
    margin-top: 30px;
}

.ht_page_wrapper .media-brands-box-inner .media-brands-list {
    margin-top: 25px;
}
/* Media Brands Section CSS End */

/* Brand Stories Section CSS Start */
.ht_page_wrapper .main-brand-stories {
    position: relative;
    padding-top: 17vh;
}

.ht_page_wrapper .brand-stories-title {
    text-align: center;
    margin-bottom: 10.2vh;
}

.ht_page_wrapper .brand-stories-video {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.ht_page_wrapper .brand-stories-video video {
    width: 100%;
    height: 75.84vh;
    object-fit: cover;
    object-position: center;
    position: relative;
    z-index: 0;
}

.ht_page_wrapper .brand-stories-video:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--white-color);
    opacity: 0.15;
    z-index: 1;
}

.ht_page_wrapper .play-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 5;
}

.ht_page_wrapper .pause-video {
    display: none;
}

.ht_page_wrapper .play-video img {
    width: 8vw;
}
/* Brand Stories Section CSS End */

/* Brand Studio Section CSS Start */
.ht_page_wrapper .main-brand-studio {
    position: relative;
    padding: 16vh 0 17.4vh 0;
}

.ht_page_wrapper .brand-studio-wrap {
    display: flex;
    flex-wrap: wrap;
}

.ht_page_wrapper .brand-studio-content {
    width: 50%;
    padding-right: 4.5%;
}

.ht_page_wrapper .page-title.brand-studio-title {
    margin-top: 6.02vh;
}

.ht_page_wrapper .brand-studio-title .link-arrow {
    gap: 0 21px;
}

.ht_page_wrapper .brand-studio-title .link-arrow>img {
    width: 18.23vw;
}

.ht_page_wrapper .brand-studio-title .link-arrow .link-arrow-img {
    margin-top: 2.5vw;
}

.ht_page_wrapper .brand-studio-title .page-title-content {
    margin-top: 14px;
    gap: 0 43px;
}

.ht_page_wrapper .brand-studio-title .page-title-content .line {
    width: 26.85%;
}

.ht_page_wrapper .brand-studio-img {
    width: 50%;
    position: relative;
}

.ht_page_wrapper .brand-studio-img img {
    width: 100%;
    height: auto;
}
/* Brand Studio Section CSS End */

/* Brand Across Regions Section CSS Start */
.ht_page_wrapper .main-brand-region {
    position: relative;
    padding: 6vh 0;
    background: var(--primary-color);
}

.ht_page_wrapper .brand-region-wrap {
    display: flex;
    flex-wrap: wrap;
}

.ht_page_wrapper .brand-region-content {
    width: 47%;
    margin-top: 3.71vh;
}

.ht_page_wrapper .brand-region-title .h2-title {
    color: var(--white-color);
}

.ht_page_wrapper .brand-region-title .page-title-content {
    gap: 0 37px;
    padding-right: 8%;
    margin-top: 2.6vh;
}

.ht_page_wrapper .brand-region-title .page-title-content .line {
    background: var(--white-color);
    width: 29.48%;
}

.ht_page_wrapper .brand-region-title .page-title-content-box {
    color: var(--white-color);
}

.ht_page_wrapper .brand-region-title .page-title-content-box p:not(:last-child) {
    margin-bottom: 22px;
}

.ht_page_wrapper .brand-region-map-img {
    width: 53%;
}

.ht_page_wrapper .brand-region-map-img img {
    width: auto;
    max-height: 100%;
    margin: auto;
}
/* Brand Across Regions Section CSS End */

/* Award Winning Media House Section CSS Start */
.ht_page_wrapper .award-winning-media {
    position: relative;
    padding-top: 14vh;
    padding-bottom: 9.26vh;
}

.ht_page_wrapper .award-winning-title .link-arrow {
    max-width: 70%;
}

.ht_page_wrapper .award-winning-title .link-arrow .link-arrow-img {
    vertical-align: middle;
    margin-left: 20px;
}

.ht_page_wrapper .award-winning-title .page-title-content {
    margin-top: 14px;
    gap: 0 42px;
    max-width: 65.38%;
}

.ht_page_wrapper .award-winning-title .page-title-content .line {
    width: 16.83%;
}

.ht_page_wrapper .award-slide {
    display: inline-block;
}

.ht_page_wrapper .award-slide-box {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 15px;
}

.ht_page_wrapper .award-img {
    display: inline-block;
    margin-bottom: 2.23vh;
}

.ht_page_wrapper .award-img img {
    width: auto;
    height: 10.27vw;
}

.ht_page_wrapper .award-slide-box p {
    margin-bottom: 0;
}

.ht_page_wrapper .main-award-winning-slider {
    margin-top: 11.12vh;
}

.ht_page_wrapper .award-winning-slider .slick-list {
    overflow: visible;
}
/* Award Winning Media House Section CSS End */

/* Blogs & Case Studies Section CSS Start */
.ht_page_wrapper .main-blog-studies {
    position: relative;
    padding: 9.26vh 0 16.21vh 0;
}

.ht_page_wrapper .blog-studies-title .link-arrow {
    max-width: 37%;
}

.ht_page_wrapper .blog-studies-title .link-arrow .link-arrow-img {
    vertical-align: middle;
    margin-left: 25px;
}

.ht_page_wrapper .blog-studies-title .page-title-content {
    margin-top: 1.67vh;
    gap: 0 22px;
    max-width: 57.63%;
}

.ht_page_wrapper .blog-studies-title .page-title-content .line {
    width: 19.42%;
}

.ht_page_wrapper .main-blog-slider {
    margin-top: 6.3vh;
}

.ht_page_wrapper .blog-slide {
    display: inline-block;
    width: 418px;
    max-width: 100%;
    margin-right: 40px;
}

.ht_page_wrapper .blog-box {
    width: 100%;
    position: relative;
    border: 1px solid var(--border-color);
}

.ht_page_wrapper .blog-img {
    position: relative;
    padding-bottom: 74%;
}

.ht_page_wrapper .blog-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.ht_page_wrapper .blog-box-text {
    padding: 25px 30px 18px;
    position: relative;
}

.ht_page_wrapper .blog-box-text .h3-title {
    height: 6vw;
    font-size: 1.46vw;
    line-height: 1.32;
    margin-bottom: 2vh;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
}

.ht_page_wrapper .blog-box-text .link-arrow {
    font-size: 18px;
    font-weight: 600;
    gap: 0 8px;
}

.ht_page_wrapper .blog-box-text .link-arrow .link-arrow-img img {
    width: 23px;
    filter: brightness(0);
    transition: 0.3s;
}

.ht_page_wrapper .blog-box-text .link-arrow:hover .link-arrow-img img {
    filter: unset;
}

.ht_page_wrapper .blog-box-text .link-arrow .link-arrow-img:after {
    width: 19px;
    height: 19px;
    border-width: 1px;
    margin-left: -12px;
}

.ht_page_wrapper .blog-box-text .link-arrow:hover {
    color: var(--secondary-color);
}

.ht_page_wrapper .blog-box-text .link-arrow:hover .link-arrow-img:after {
    background: transparent;
    border-color: var(--secondary-color);
}

.ht_page_wrapper .blog-slider {
    padding-bottom: 66px;
}

.ht_page_wrapper .blog-slider .slick-list {
    width: 132%;
    padding-right: 16.6%;
}
/* Blogs & Case Studies Section CSS End */

/* Advertise with us CTA Button CSS Start */
main .advertise-with-us {
    position: fixed;
    bottom: 52px;
    right: 0;
    left: auto;
    width: auto;
    background: transparent;
    padding: 0;
    z-index: 99;
}

main .advertise-with-us .link-arrow {
    width: 159px;
    height: 104px;
    background: var(--ternary-color);
    text-decoration: none !important;
    border-radius: 70px 0 0 70px;
    padding: 0 13px 0 25px;
    font-size: 22px;
    line-height: 26px;
    color: var(--dark-color);
}

main .advertise-with-us .link-arrow p {
    font-size: inherit;
}

main .advertise-with-us .link-arrow .link-arrow-img img {
    width: 22px;
}

main .advertise-with-us .link-arrow .link-arrow-img:after {
    width: 22px;
    height: 22px;
    border-width: 1px;
    margin-left: -14px;
}

main .advertise-with-us .link-arrow .link-arrow-img {
    vertical-align: middle;
}

main .advertise-with-us .link-arrow:hover .link-arrow-img:after {
    border-color: var(--dark-color);
    background: transparent;
}
/* Advertise with us CTA Button CSS End */
/* Get in Touch CSS Start */
.ht_page_wrapper .main-get-in-touch {
    position: relative;
}

.ht_page_wrapper .get-in-touch-box {
    position: relative;
    width: 100%;
    padding: 54px 50px 60px 50px;
    background: var(--secondary-color);
}

.ht_page_wrapper .get-in-touch-box .link-arrow {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    position: relative;
    z-index: 1;
}

.ht_page_wrapper .get-in-touch-box .h2-title {
    color: var(--white-color);
}

.ht_page_wrapper .get-in-touch-box .link-arrow-img img {
    filter: invert(1);
}

.ht_page_wrapper .get-in-touch-box .link-arrow-img:after {
    border-color: var(--white-color);
}

.ht_page_wrapper .get-in-touch-box .link-arrow:hover .link-arrow-img:after {
    border-color: var(--ternary-color);
}

.ht_page_wrapper .get-in-touch-shape {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: 100%;
}

.ht_page_wrapper .get-in-touch-shape img {
    width: auto;
    height: 100%;
}
/* Get in Touch CSS End */
/*========== Home New CSS End ==========*/

/*========== Digital Page CSS Start ==========*/
/* Header Section CSS Start */
.hdr-wt-bg header.ev-hdr {
    background: #fff;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
}
@media screen and (min-width:1024px)  {
    .hdr-wt-bg header.ev-hdr .display-flex nav > ul > li a {
        color: #202020;
    } 
      
    .hdr-wt-bg header.ev-hdr .display-flex .hamburger-menu span, .hdr-wt-bg header.ev-hdr .display-flex nav > ul > li a:before {
        background-color: #202020;
    }
    .hdr-wt-bg header.ev-hdr .display-flex nav > ul > li.sub-level > span{
        border-color: #202020;
    }
}

.hdr-wt-bg header.ev-hdr .display-flex .hamburger-menu span {
    background-color: #202020;
}

.hdr-wt-bg header.ev-hdr .display-flex .hamburger-menu:before, .hdr-wt-bg header.ev-hdr .display-flex .hamburger-menu::after {
    border-color: #202020;
}

.hdr-wt-bg header.ev-hdr .display-flex .hamburger-menu.menu-open:before, .hdr-wt-bg header.ev-hdr .display-flex .hamburger-menu.menu-open:after{
    border-color: #fff;
}
/* Header Section CSS End */
/* Printing Industry Section CSS Start */
.ht_page_wrapper .main-printing-industry {
    position: relative;
    padding-block: 21vh 12vh;
    background-color: #5E459C;
}

.ht_page_wrapper .printing-industry-title {
    max-width: 70%;
}

.ht_page_wrapper .printing-industry-title .page-title-content .line {
    width: 24.82%;
}

.ht_page_wrapper .printing-industry-wrap {
    margin-top: 6.7vh;
}

.ht_page_wrapper .printing-industry-wrap-box ul {
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    gap: 30px;
    flex-wrap: wrap;
}

.ht_page_wrapper .printing-industry-wrap-box ul li {
    display: inline-block;
}

.ht_page_wrapper .printing-industry-wrap-box ul li .h2-title {
    font-size: 3.65vw;
    line-height: 1.23;
    margin-bottom: 2px;
}

.ht_page_wrapper .printing-industry-wrap-box ul li p {
    font-size: 1.25vw;
    line-height: 1.8;
    margin-bottom: 0;
}

.ht_page_wrapper .printing-industry-img-wrap {
    display: flex;
    justify-content: flex-end;
    gap: 29px;
    padding-left: 22.5%;
    margin-top: 11vh;
}
/* Printing Industry Section CSS End */

/* Drive Purchase Decisions Section CSS Start */
.ht_page_wrapper .main-drive-purchase {
    position: relative;
    /* padding-bottom: 16.39vh; */
    padding: 13.5vh 0px 15.5vh;
}

.ht_page_wrapper .drive-purchase-title .h2-title {
    max-width: 73%;
}

.ht_page_wrapper .drive-purchase-title .page-title-content {
    gap: 0 44px;
}

.ht_page_wrapper .drive-purchase-title .page-title-content .line {
    width: 17.32%;
}

.ht_page_wrapper .drive-purchase-title .page-title-content-box>p {
    width: 77%;
}

.ht_page_wrapper .drive-purchase-list {
    margin-top: 7.13vh;
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.ht_page_wrapper .drive-purchase-list-box {
    max-width: 325px;
    width: 30%;
}

.ht_page_wrapper .drive-purchase-list-icon {
    margin-bottom: 20px;
}

.ht_page_wrapper .drive-purchase-list-icon img {
    width: auto;
    height: 62px;
}
/* Drive Purchase Decisions Section CSS End */

/* Digital Portfolio Section CSS Start */
.ht_page_wrapper .main-digital-portfolio {
    position: relative;
    overflow-x: hidden;
}

.ht_page_wrapper .digital-portfolio-top {
    position: relative;
    padding: 9.17vh 0 5.38vh;
    background: var(--primary-color);
}

.ht_page_wrapper .digital-portfolio-title {
    text-align: center;
    margin-bottom: 11.76vh;
}

.ht_page_wrapper .digital-portfolio-title .h2-title {
    color: var(--white-color);
}

.ht_page_wrapper .digital-portfolio-slide {
    display: inline-block;
}

.ht_page_wrapper .digital-portfolio-box {
    display: flex;
    column-gap: 31px;
}

.ht_page_wrapper .digital-portfolio-img {
    flex-shrink: 0;
    width: 254px;
    display: inline-flex;
    justify-content: center;
}

.ht_page_wrapper .digital-portfolio-img img {
    max-width: unset;
    width: 115%;
}

.ht_page_wrapper .digital-portfolio-text {
    max-width: 220px;
    padding-top: 50px;
}

.ht_page_wrapper .digital-portfolio-top .digital-portfolio-text {
    color: var(--white-color);
}

.ht_page_wrapper .digital-portfolio-text {
    color: #000000;
}

.ht_page_wrapper .digital-portfolio-logo {
    height: 38px;
    margin-bottom: 11px;
}

.ht_page_wrapper .digital-portfolio-logo img {
    width: auto;
    max-height: 38px;
}

.ht_page_wrapper .monthly-views-visitors {
    margin-top: 9px;
    padding-right: 20%;
}

.ht_page_wrapper .monthly-views-visitors .h3-title {
    line-height: 1.78;
    margin-bottom: 0;
}

.ht_page_wrapper .digital-portfolio-top .monthly-views-visitors .h3-title {
    color: var(--white-color);
}

.ht_page_wrapper .digital-portfolio-slider .slick-list {
    width: 100%;
    order: 0;
    position: relative;
    left: 50%;
    transform: translate(-50%);
    padding-right: 240px;
    margin-bottom: 4.82vh;
}

.ht_page_wrapper .digital-portfolio-slider.slick-slider {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
}

.ht_page_wrapper .digital-portfolio-top .digital-portfolio-slider.slick-slider {
    width: calc(100% + 37px);
    margin-left: -37px;
}

.ht_page_wrapper .digital-portfolio-slider .prev-arrow {
    order: 1;
}

.ht_page_wrapper .digital-portfolio-slider .next-arrow {
    order: 3;
    margin-right: 8.4vw;
}

.ht_page_wrapper .digital-portfolio-slider .slick-dots {
    order: 2;
    margin: 0 29px;
    gap: 0 25px;
}

.ht_page_wrapper .digital-portfolio-slider .slick-arrow {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    border-color: var(--white-color);
    color: var(--white-color);
    -webkit-text-stroke-color: var(--primary-color);
}

.ht_page_wrapper .digital-portfolio-slider .slick-arrow:hover {
    border-color: var(--ternary-color);
    color: var(--ternary-color);
}

.ht_page_wrapper .digital-portfolio-slider .slick-slide {
    margin-right: 70px;
}

.ht_page_wrapper .digital-portfolio-slider .slick-dots li button {
    background: var(--white-color);
    opacity: 1;
}

.ht_page_wrapper .digital-portfolio-slider .slick-dots li button:hover, 
.ht_page_wrapper .digital-portfolio-slider .slick-dots li.slick-active button {
    background: var(--ternary-color);
}

.ht_page_wrapper .digital-portfolio-slider .slick-dots li {
    line-height: 0;
}

.ht_page_wrapper .digital-portfolio-slider .slick-dots:before, 
.ht_page_wrapper .digital-portfolio-slider .slick-dots:after {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(100% + 93px);
    transform: translate(0,-50%);
    width: 100vw;
    height: 2px;
    background: var(--white-color);
}

.ht_page_wrapper .digital-portfolio-slider .slick-dots:before {
    left: auto;
    right: calc(100% + 93px);
}

.ht_page_wrapper .digital-portfolio-bottom {
    padding-block: 14.08vh 16.86vh;
}

.ht_page_wrapper .digital-portfolio-bottom .digital-portfolio-slider.slick-slider {
    justify-content: flex-start;
}

.ht_page_wrapper .digital-portfolio-bottom .digital-portfolio-slider .slick-list {
    padding-left: 18px;
    margin-bottom: 6.02vh;
}

.ht_page_wrapper .digital-portfolio-bottom .digital-portfolio-slider .slick-arrow {
    border-color: var(--primary-color);
    color: var(--primary-color);
    -webkit-text-stroke-color: var(--white-color);
}

.ht_page_wrapper .digital-portfolio-bottom .digital-portfolio-slider .slick-arrow.prev-arrow {
    margin-left: 8.4vw;
}

.ht_page_wrapper .digital-portfolio-bottom .digital-portfolio-slider .slick-arrow.next-arrow {
    margin-right: 0;
}

.ht_page_wrapper .digital-portfolio-bottom .digital-portfolio-slider .slick-arrow:hover {
    border-color: var(--ternary-color);
    color: var(--ternary-color);
}

.ht_page_wrapper .digital-portfolio-bottom .digital-portfolio-slider .slick-dots li button {
    background: var(--primary-color);
}

.ht_page_wrapper .digital-portfolio-bottom .digital-portfolio-slider .slick-dots li button:hover, 
.ht_page_wrapper .digital-portfolio-bottom .digital-portfolio-slider .slick-dots li.slick-active button {
    background: var(--ternary-color);
}

.ht_page_wrapper .digital-portfolio-bottom .digital-portfolio-slider .slick-dots:before, 
.ht_page_wrapper .digital-portfolio-bottom .digital-portfolio-slider .slick-dots:after {
    background: var(--primary-color);
}
/* Digital Portfolio Section CSS End */

/* Digital Display Formats Section CSS Start */
.ht_page_wrapper .main-display-format {
    position: relative;
    padding-bottom: 16.21vh;
}

.ht_page_wrapper .display-format-title .link-arrow .link-arrow-img {
    vertical-align: middle;
    margin-left: 30px;
}

.ht_page_wrapper .display-format-title .page-title-content {
    gap: 0 44px;
    margin-top: 20px;
}

.ht_page_wrapper .display-format-title .page-title-content .line {
    width: 17.32%;
}

.ht_page_wrapper .display-format-title .page-title-content .page-title-content-box {
    width: 56.5%;
}

.ht_page_wrapper .display-format-tab-wrap {
    margin-top: 8.34vh;
}

.ht_page_wrapper .display-format-tabbing {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.ht_page_wrapper .display-format-tabbing ul {
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
}

.ht_page_wrapper .display-format-tabbing ul li {
    display: inline-block;
}

.ht_page_wrapper .display-format-tabbing ul li a {
    display: inline-flex;
    align-items: center;
    height: 51px;
    padding: 5px 24px;
    background: var(--bg-grey);
    border-radius: 10px;
    font-size: 24px;
    line-height: 1;
    color: var(--common-color);
    transition: 0.3s;
}

.ht_page_wrapper .display-format-tabbing ul li a:hover, 
.ht_page_wrapper .display-format-tabbing ul li a.active {
    background: var(--primary-color);
    color: var(--white-color);
}

.ht_page_wrapper .display-format-tab-content-wrap {
    margin-top: 9vh;
}

.ht_page_wrapper .display-format-tab-box-list {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px 27px;
}

.ht_page_wrapper .display-format-tab-box {
    position: relative;
    padding-block: 39px 31px;
    border: 1px solid #BCBCBC;
    border-radius: 10px;
    transition: 0.3s;
}

.ht_page_wrapper .display-format-tab-box:hover {
    background: var(--secondary-color);
}

.ht_page_wrapper .display-format-tab-img {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 272px;
    margin-bottom: 35px;
}

.ht_page_wrapper .display-format-tab-img img {
    width: auto;
    max-height: 100%;
}

.ht_page_wrapper .display-format-tab-text {
    padding-inline: 35px 40px;
    transition: 0.3s;
}

.ht_page_wrapper .display-format-tab-text .h3-title {
    line-height: 1.2;
    margin-bottom: 12px;
    transition: 0.3s;
}

.ht_page_wrapper .display-format-tab-box:hover .display-format-tab-text,
.ht_page_wrapper .display-format-tab-box:hover .display-format-tab-text .h3-title{
    color: var(--white-color);
}

.ht_page_wrapper .display-format-tab-box.learn-more {
    background: transparent !important;
    border: none;
    padding: 0 35px;
    height: 100%;
    display: flex;
    align-items: center;
}

.ht_page_wrapper .display-format-tab-box.learn-more .link-arrow {
    gap: 0 13px;
}

.ht_page_wrapper .display-format-tab-box.learn-more .link-arrow .link-arrow-img img {
    width: 37px;
}

.ht_page_wrapper .display-format-tab-box.learn-more .link-arrow .link-arrow-img:after {
    width: 33px;
    height: 33px;
    margin-left: -22px;
}

.ht_page_wrapper .display-format-tab-content {
    display: none;
}

.ht_page_wrapper .display-format-tab-content#all {
    display: block;
}

.ht_page_wrapper .display-format-tab-search form {
    position: relative;
}

.ht_page_wrapper .display-format-tab-search input {
    width: 280px;
    height: 51px;
    background: var(--bg-grey);
    border-radius: 10px;
    padding: 5px 60px 5px 28px;
    font-size: 24px;
    color: var(--common-color);
}

.ht_page_wrapper .display-format-tab-search input::placeholder {
    color: #d3d3d3;
}

.ht_page_wrapper .display-format-tab-search button {
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translate(0,-50%);
    background: transparent;
    border: none;
    outline: none !important;
    cursor: pointer;
}
/* Digital Display Formats Section CSS End */

/* Targeting Capabilities Section CSS Start */
.ht_page_wrapper .main-targeting-capabilities {
    position: relative;
    padding-block: 11.76vh 13.52vh;
    background: var(--primary-color);
}

.ht_page_wrapper .targeting-capabilities-title .link-arrow .h2-title {
    width: 84%;
    color: var(--white-color);
}


.ht_page_wrapper .targeting-capabilities-title .link-arrow .link-arrow-img {
    vertical-align: middle;
    margin-left: 30px;
}

.ht_page_wrapper .targeting-capabilities-title .link-arrow .link-arrow-img img {
    filter: invert(1);
}

.ht_page_wrapper .targeting-capabilities-title .link-arrow .link-arrow-img:after {
    border-color: var(--white-color);
}

.ht_page_wrapper .targeting-capabilities-title .link-arrow:hover .link-arrow-img:after {
    border-color: var(--ternary-color);
}

.ht_page_wrapper .targeting-capabilities-title .page-title-content .line {
    width: 17.5%;
    background: var(--white-color);
}

.ht_page_wrapper .targeting-capabilities-title .page-title-content {
    gap: 0 44px;
    margin-top: 20px;
}

.ht_page_wrapper .targeting-capabilities-title .page-title-content .page-title-content-box {
    color: var(--white-color);
    width: 62%;
}

.ht_page_wrapper .targeting-capabilities-accordian-wrap {
    margin-top: 7.88vh;
    display: flex;
}

.ht_page_wrapper .targeting-capabilities-accordian-img {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 42%;
    flex-shrink: 0;
}

.ht_page_wrapper .targeting-capabilities-accordian-img img {
    max-width: unset;
    width: 43.6vw;
}

.ht_page_wrapper .targeting-accordian-wrap {
    width: 58%;
    padding-left: 7%;
    color: var(--white-color);
    display: inline-flex;
    flex-direction: column;
}

.ht_page_wrapper .targeting-capabilities-accordian {
    margin-top: -10px;
    margin-bottom: 50px;
}

.ht_page_wrapper .targeting-accordian-box:not(:last-child) {
    margin-bottom: 4.26vh;
    padding-bottom: 4.82vh;
    border-bottom: 2px solid var(--white-color);
}

.ht_page_wrapper .targeting-accordian-title {
    font-size: 2.61vw;
    line-height: 1.24;
    color: var(--white-color);
    font-family: var(--title-font);
    font-weight: bold;
    margin-bottom: 0;
    position: relative;
    padding-right: 40px;
    cursor: pointer;
    transition: 0.3s;
}

.ht_page_wrapper .targeting-accordian-title:hover,
.ht_page_wrapper .targeting-accordian-title.active {
    color: var(--ternary-color);
}

.ht_page_wrapper .targeting-accordian-title:before, 
.ht_page_wrapper .targeting-accordian-title:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0,-50%);
    width: 30px;
    height: 3px;
    background: var(--white-color);
    border-radius: 5px;
    transition: 0.3s;
}

.ht_page_wrapper .targeting-accordian-title:hover:before, 
.ht_page_wrapper .targeting-accordian-title:hover:after,
.ht_page_wrapper .targeting-accordian-title.active:before,
.ht_page_wrapper .targeting-accordian-title.active:after {
    background: var(--ternary-color);
}

.ht_page_wrapper .targeting-accordian-title:after {
    width: 3px;
    height: 30px;
    right: 13px;
}

.ht_page_wrapper .targeting-accordian-title.active:before,
.ht_page_wrapper .targeting-accordian-title.active:after {
    transform: translate(0,-50%) rotate(45deg);
}

.ht_page_wrapper .targeting-accordian-text {
    display: none;    
    margin-top: 12px;
    padding-right: 23%;
    font-size: 1.15vw;
    line-height: 1.77;
}

.ht_page_wrapper .targeting-capabilities-link {
    margin-top: auto;
}

.ht_page_wrapper .targeting-capabilities-link .link-arrow {
    color: var(--white-color);
    gap: 0 13px;
}

.ht_page_wrapper .targeting-capabilities-link .link-arrow .link-arrow-img:after {
    width: 33px;
    height: 33px;
    margin-left: -22px;
    border-color: var(--white-color);
}

.ht_page_wrapper .targeting-capabilities-link .link-arrow .link-arrow-img img {
    width: 37px;
    filter: invert(1);
}

.ht_page_wrapper .targeting-capabilities-link .link-arrow:hover .link-arrow-img:after {
    border-color: var(--ternary-color);
}
/* Targeting Capabilities Section CSS End */

/* Digital Blog Post Section CSS Start */
.ht_page_wrapper .main-digital-blog {
    position: relative;
    padding-block: 13.52vh 18.43vh; 
}

.ht_page_wrapper .digital-blog-list {
    display: block;
    width: 1340px;
    max-width: 100%;
    margin: 0 auto;
}

.ht_page_wrapper .digital-blog-box {
    display: flex;
    align-items: center;
    margin-bottom: 13.241vh;
}

.ht_page_wrapper .digital-blog-box:last-child {
    margin-bottom: 0;
}

.ht_page_wrapper .digital-blog-img {
    width: 530px;
    position: relative;
    flex-shrink: 0;
}

.ht_page_wrapper .digital-blog-img img {
    width: 100%;
}

.ht_page_wrapper .digital-blog-content {
    padding-left: 5%;
    padding-right: 2%;
}

.ht_page_wrapper .digital-blog-content .h4-title {
    font-size: 2.09vw;
    line-height: 1.321;
    margin-bottom: 20px;
}

.ht_page_wrapper .digital-blog-content p {
    margin-bottom: 40px;
}

.ht_page_wrapper .digital-blog-content .link-arrow {
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    gap: 0 7px;
}

.ht_page_wrapper .digital-blog-content .link-arrow:hover {
    color: var(--secondary-color);
}

.ht_page_wrapper .digital-blog-content .link-arrow .link-arrow-img:after {
    width: 19px;
    height: 19px;
    margin-left: -13px;
    border-width: 1px;
}

.ht_page_wrapper .digital-blog-content .link-arrow:hover .link-arrow-img:after {
    background: transparent;
    border-color: var(--secondary-color);
}

.ht_page_wrapper .digital-blog-content .link-arrow .link-arrow-img img {
    width: 21px;
    filter: brightness(0);
    transition: 0.3s;
}

.ht_page_wrapper .digital-blog-content .link-arrow:hover .link-arrow-img img {
    filter: none;
}

/* Digital Blog Post Section CSS End */
/*========== Digital Page CSS End ==========*/

/*========== Contact Us Page CSS Start ==========*/
/* Banner CSS Start */
.ht_page_wrapper .main-contact-banner {
    position: relative;
    background: var(--primary-color);
    padding: 19vh 0 13.5vh 0;
    overflow: hidden;
}

.ht_page_wrapper .contact-banner-img {
    position: absolute;
    top: 0;
    right: -17px;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    max-width: 50%;
}

.ht_page_wrapper .contact-banner-img img {
    width: auto;
    max-width: unset;
    height: 100%;
}

.ht_page_wrapper .contact-banner-content {
    color: var(--white-color);
    max-width: 50%;
    padding-right: 20px;
}

.ht_page_wrapper .contact-banner-content .h2-title {
    color: var(--white-color);
    margin-bottom: 16px;
}

.ht_page_wrapper .contact-banner-content p {
    font-size: clamp(16px, 1.05vw, 20px);
    line-height: 1.75;
}
/* Banner CSS End */

/* Corporate Offices CSS Start */
.ht_page_wrapper .main-corporate-ooffices {
    position: relative;
    padding: 13.5vh 0 11vh 0;
}

.ht_page_wrapper .corporate-ooffices-title .page-title-content,
.ht_page_wrapper .customer-service-title .page-title-content,
.ht_page_wrapper .feedback-title .page-title-content {
    width: 75.15%;
    gap: 0 27px;
    margin-top: 16px;
}

.ht_page_wrapper .corporate-ooffices-title .page-title-content .line,
.ht_page_wrapper .customer-service-title .page-title-content .line,
.ht_page_wrapper .feedback-title .page-title-content .line {
    width: 18.66%;
}

.ht_page_wrapper .corporate-ooffices-title .page-title-content p,
.ht_page_wrapper .customer-service-title .page-title-content p,
.ht_page_wrapper .feedback-title .page-title-content p {
    font-size: clamp(18px, 1.05vw, 20px);
}

.ht_page_wrapper .corporate-ooffices-tab-wrap {
    margin-top: 10vh;
}

.ht_page_wrapper .corporate-ooffices-tabbing {
    margin-bottom: 7vh;
}

.ht_page_wrapper .corporate-ooffices-tabbing ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px 6%;
}

.ht_page_wrapper .corporate-ooffices-tabbing ul li {
    display: inline-block;
}

.ht_page_wrapper .corporate-ooffices-tabbing ul li a {
    display: inline-flex;
    align-items: center;
    height: 51px;
    padding: 5px 45px;
    background: transparent;
    border-radius: 30px;
    font-size: clamp(22px, 1.47vw, 28px);
    line-height: 1;
    font-family: var(--title-font);
    font-weight: 700;
    color: var(--dark-color);
    transition: 0.3s;
}

.ht_page_wrapper .corporate-ooffices-tabbing ul li a:hover {
    color: var(--primary-color);
}

.ht_page_wrapper .corporate-ooffices-tabbing ul li a.active {
    background: var(--primary-color);
    color: var(--white-color);
}

.ht_page_wrapper .corporate-ooffices-tab-content {
    display: none;
}

.ht_page_wrapper .corporate-ooffices-tab-content:first-child {
    display: block;
}

.ht_page_wrapper .corporate-ooffices-details {
    width: 100%;
    position: relative;
    padding: 9vh 6.4% 10.6vh;
}

.ht_page_wrapper .back-img {
    background-size: cover;
    background-position: center;
    background-repeat: repeat;
}

.ht_page_wrapper .corporate-ooffices-details:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #472C89;
    opacity: 0.8;
    z-index: 0;
}

.ht_page_wrapper .contact-links {
    position: relative;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 5.5vh 0;
    z-index: 5;
}

.ht_page_wrapper .contact-links li a {
    display: inline-flex;
    font-size: clamp(20px, 1.47vw, 28px);
    line-height: 1.7;
    color: var(--white-color);
    gap: 0 40px;
    transition: 0.3s;
}

.ht_page_wrapper .contact-links li a:hover {
    color: var(--secondary-color);
}

.ht_page_wrapper .contact-links li a .icon {
    width: 60px;
    height: 60px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    position: relative;
}

.ht_page_wrapper .contact-links li a .icon:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 6px solid var(--secondary-color);
    border-radius: 50%;
    z-index: 0;
}

.ht_page_wrapper .contact-links li a .icon:after {
    --width: 8px;
    content: '';
    position: absolute;
    top: var(--width);
    left: var(--width);
    bottom: var(--width);
    right: var(--width);
    background: var(--secondary-color);
    border-radius: 50%;
    z-index: 0;
}

.ht_page_wrapper .contact-links li a .icon img {
    max-width: 24px;
    max-height: 24px;
    width: auto;
    height: auto;
    position: relative;
    z-index: 5;
}

.ht_page_wrapper .contact-links li a .text {
    align-self: center;
}

.ht_page_wrapper .contact-links li a .text span {
    display: block;
}
/* Corporate Offices CSS End */
/* Customer Service CSS Start */
.ht_page_wrapper .main-customer-service {
    position: relative;
    padding-bottom: 44px;
    margin-bottom: 15vh;
}

.ht_page_wrapper .customer-service-img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 33.43%;
    display: flex;
    justify-content: flex-end;
}

.ht_page_wrapper .customer-service-title .page-title-content {
    margin-top: 2vh;
}

.ht_page_wrapper .customer-service-lists {
    margin-top: 13vh;
    width: 75%;
}

.ht_page_wrapper .customer-service-list-box {
    display: inline-block;
    padding-right: 6.85%;
    margin-right: 6.16%;
    position: relative;
}

.ht_page_wrapper .customer-service-list-box:last-child {
    padding-right: 0;
    margin-right: 0;
}

.ht_page_wrapper .customer-service-list-box:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0,-50%);
    width: 1px;
    height: 67%;
    background: #B7B7B7;
}

.ht_page_wrapper .customer-service-list-box:last-child:before {
    display: none;
}

.ht_page_wrapper .customer-service-list-box .h3-title {
    margin-bottom: 38px;
}

.ht_page_wrapper .customer-service-list-box .contact-links {
    gap: 30px 0;
}

.ht_page_wrapper .customer-service-list-box .contact-links a,
.ht_page_wrapper .feedback-box-content .contact-links a {
    gap: 0 24px;
    color: var(--dark-color);
    font-size: clamp(18px, 1.26vw, 24px);
}
/* Customer Service CSS End */

/* Feedback CSS Start */
.ht_page_wrapper .main-feedback {
    position: relative;
    padding-bottom: 17.8vh;
}

.ht_page_wrapper .feedback-box-wrap {
    margin-top: 7.6vh;
}

.ht_page_wrapper .feedback-box {
    display: flex;
}

.ht_page_wrapper .feedback-box-img {
    width: 46%;
}

.ht_page_wrapper .feedback-box-content {
    width: 54%;
    padding-left: 7.15%;
    padding-top: 6.12vh;
}

.ht_page_wrapper .feedback-box-content .h3-title {
    font-size: 1.46vw;
    margin-bottom: 34px;
}
/* Feedback CSS End */
/*========== Contact Us Page CSS End ==========*/

/*========== Case Study Detail Page CSS Start ==========*/
/* Case Study Banner CSS Start */
.ht_page_wrapper.case-study-detail-page .h1-title {
    font-size: 54px;
    line-height: 67px;
}

/* .ht_page_wrapper.case-study-detail-page .h2-title {
    font-size: 42px;
    line-height: 45px;
} */
/* Case Study Banner CSS End */
/*========== Case Study Detail Page CSS End ==========*/

/*========== Responsive CSS Start ==========*/
@media screen and (min-width: 1921px) {
    .ht_page_wrapper .targeting-capabilities-accordian-img img {
        width: 45vw;
    }
    .ht_page_wrapper .h2-title {
        font-size: 80px;
    }
    .ht_page_wrapper .audience-connection-title {
        width: 890px;
        margin-bottom: -140px;
    }
    .ht_page_wrapper .audience-connection-content{
        width: calc(100% - 650px);
    }
    .ht_page_wrapper .h4-title {
        font-size: 38px;
        line-height: 1;
    }
    .ht_page_wrapper .h3-title {
        font-size: 32px;
    }
    .ht_page_wrapper .audience-connection-counter ul li .h2-title {
        font-size: 70px;
    }
    .ht_page_wrapper .audience-connection-counter ul li .counter-link {
        font-size: 24px;
    }
    .ht_page_wrapper .audience-connection-counter ul li {
        padding-right: 60px;
        margin-right: 60px;
    }
    .ht_page_wrapper .drives-results-img {
        width: auto;
    }
    .ht_page_wrapper .drives-results-list-text h5 {
        font-size: 50px;
    }
    .ht_page_wrapper .drives-results-list-text p {
        font-size: 24px;
    }
    .ht_page_wrapper .drives-results-list-icon {
        width: 47px;
    }
    .ht_page_wrapper .drives-results-list ul {
        width: 80%;
    }
    .ht_page_wrapper .drives-results-list ul li {
        margin-right: 40px;
        padding-right: 40px;
    }
    .ht_page_wrapper .media-brands-list-title {
        font-size: 22px;
        height: 114px;
    }
    .ht_page_wrapper .media-brands-list ul li {
        height: 100px;
    }
    .ht_page_wrapper .media-brands-list {
        margin-top: 30px;
    }
    .ht_page_wrapper .award-img img {
        height: 197px;
    }
    .ht_page_wrapper .blog-box-text .h3-title {
        font-size: 28px;
        height: 115px;
    }
    .ht_page_wrapper .printing-industry-wrap-box ul li .h2-title {
        font-size: 70px;
    }
    .ht_page_wrapper .printing-industry-wrap-box ul li p {
        font-size: 24px;
    }
    .link-arrow {
        font-size: 32px;
    }
}

@media screen and (min-width: 1025px) and (max-height: 999px) {
    .ht_page_wrapper .page-title-content {
        margin-top: 2.5vh;
    }
    .ht_page_wrapper .credible-journalism-list {
        margin-top: 4vh;
    }
}

@media screen and (max-width: 1680px) {
    .ht_page_wrapper {
        font-size: 16px;
        line-height: 26px;
    }
    .ht_page_wrapper .h4-title {
        font-size: 1.8vw;
    }
    .ht_page_wrapper .drives-results-title .page-title-content {
        max-width: 67vw;
    }
    .ht_page_wrapper .main-brand-stories {
        padding-top: 15vh;
    }
    .ht_page_wrapper .brand-stories-title {
        margin-bottom: 6vh;
    }
    .ht_page_wrapper .blog-studies-title .page-title-content {
        max-width: 66%;
    }
    .ht_page_wrapper .main-blog-slider {
        margin-top: 5vh;
    }
    .ht_page_wrapper .credible-journalism-title .h2-title {
        max-width: 50vw;
    }
    .ht_page_wrapper .h2-title {
        font-size: 3vw;   
    }
    .ht_page_wrapper .page-title-content {
        gap: 0 40px;
    }
    .ht_page_wrapper .page-title-content .line {
        width: 15%;
        height: 8px;
        margin-top: 9px;
    }
    .ht_page_wrapper .credible-journalism-icon img {
        height: 60px;
    }
    .ht_page_wrapper .h3-title {
        font-size: 1.5vw;
    }
    .ht_page_wrapper .audience-connection-title {
        width: 40%;
    }
    .ht_page_wrapper .audience-connection-content {
        width: 67%;
    }
    .ht_page_wrapper .audience-connection-title {
        margin-bottom: -9vh;
    }
    .ht_page_wrapper .audience-connection-counter ul li .h2-title {
        font-size: 3vw;
    }
    .ht_page_wrapper .drives-results-title a>img {
        width: 17vw;
    }
    .ht_page_wrapper .drives-results-title .page-title-content .line {
        width: 10%;
    }
    .ht_page_wrapper .drives-results {
        padding-top: 12vh;
    }
    .ht_page_wrapper .drives-results-list-text h5 {
        font-size: 2vw;
    }
    .ht_page_wrapper .drives-results-list-icon {
        width: 2vw;
    }
    .ht_page_wrapper .drives-results-list ul li:before {
        height: 70px;
    }
    .ht_page_wrapper .drives-results-list ul {
        width: 65vw;
    }
    .ht_page_wrapper .media-brands-title {
        max-width: 50%;
    }
    .ht_page_wrapper .media-brands-list-wrap {
        margin-top: 8vh;
    }    
    .ht_page_wrapper .brand-stories-video video {
        height: 74vh;
    }
    .ht_page_wrapper .brand-region-title .h2-title {
        width: 75%;
    }
    .ht_page_wrapper .award-winning-title .link-arrow {
        max-width: 50%;
    }
    .ht_page_wrapper .award-winning-title .page-title-content {
        max-width: 75%;
    }    
    .ht_page_wrapper .blog-studies-title .link-arrow {
        max-width: 32%;
    }
    .ht_page_wrapper .blog-img {
        padding-bottom: 60%;
    }
    /* Digital Page CSS Start */
    .ht_page_wrapper .main-printing-industry {
        padding-block: 17vh 12vh;
    }
    .ht_page_wrapper .printing-industry-title {
        max-width: 55%;
    }
    .ht_page_wrapper .printing-industry-wrap-box ul li .h2-title {
        font-size: 2.8vw;
    }
    .ht_page_wrapper .printing-industry-img-wrap {
        margin-top: 6vh;
    }
    .ht_page_wrapper .drive-purchase-list-box {
        max-width: 300px;
    }
    .ht_page_wrapper .drive-purchase-title .h2-title {
        max-width: 50%;
    }
    .ht_page_wrapper .drive-purchase-title .page-title-content-box>p {
        width: 84%;
    }
    .ht_page_wrapper .digital-portfolio-slider .slick-slide {
        margin-right: 50px;
    }
    .ht_page_wrapper .display-format-title .page-title-content .page-title-content-box {
        width: 66.5%;
    }
    .ht_page_wrapper .display-format-tabbing ul li a {
        padding: 5px 20px;
        font-size: 20px;
    }
    .ht_page_wrapper .display-format-tab-search input {
        font-size: 20px;
    }
    .ht_page_wrapper .display-format-tab-text,
    .ht_page_wrapper .display-format-tab-box.learn-more {
        padding-inline: 30px;
    }
    .ht_page_wrapper .targeting-capabilities-title .link-arrow .h2-title {
        width: 67%;
    }
    .ht_page_wrapper .targeting-capabilities-title .page-title-content .page-title-content-box {
        width: 73%;
    }
    .ht_page_wrapper .targeting-accordian-wrap {
        padding-left: 5%;
    }
    .ht_page_wrapper .display-format-tab-box.learn-more .link-arrow,
    .ht_page_wrapper .targeting-capabilities-link .link-arrow {
        font-size: 25px;
    }
    .ht_page_wrapper .targeting-capabilities-accordian-img img {
        width: 43.7vw;
    }
    .ht_page_wrapper .digital-portfolio-title {
        margin-bottom: 5vh;
    }
    .ht_page_wrapper .digital-portfolio-slider .slick-list {
        margin-bottom: 2vh;
    }
    .ht_page_wrapper .digital-portfolio-img {
        width: 230px;
    }
    .ht_page_wrapper .digital-portfolio-bottom {
        padding-block: 13vh;
    }
    .ht_page_wrapper .display-format-tab-wrap {
        margin-top: 6vh;
    }
    .ht_page_wrapper .display-format-tab-content-wrap {
        margin-top: 7vh;
    }
    .ht_page_wrapper .display-format-tab-img {
        height: 240px;
        margin-bottom: 25px;
    }
    .ht_page_wrapper .targeting-accordian-title {
        font-size: 2vw;
    }
    .ht_page_wrapper .targeting-capabilities-accordian-wrap {
        margin-top: 6vh;
    }
    .ht_page_wrapper .main-digital-blog {
        padding-block: 12vh;
    }
    .ht_page_wrapper .digital-blog-box {
        margin-bottom: 8vh;
    }
    .ht_page_wrapper .digital-blog-list {
        width: 1140px;
    }
    .ht_page_wrapper .digital-blog-img {
        width: 450px;
    }
    .ht_page_wrapper .printing-industry-wrap {
        margin-top: 5vh;
    }
    /* Digital Page CSS End*/
    /* Contact Us Page CSS Start*/
    .ht_page_wrapper .main-corporate-ooffices {
        padding: 11.5vh 0 10vh 0;
    }
    .ht_page_wrapper .corporate-ooffices-tab-wrap {
        margin-top: 6vh;
    }
    .ht_page_wrapper .corporate-ooffices-tabbing {
        margin-bottom: 5vh;
    }
    .ht_page_wrapper .corporate-ooffices-tabbing ul {
        gap: 15px 5%;
    }
    .ht_page_wrapper .corporate-ooffices-details {
        padding: 6vh 4%;
    }
    .ht_page_wrapper .contact-links {
        gap: 4vh 0;
    }
    .ht_page_wrapper .contact-links li a {
        gap: 0 20px;
    }
    .ht_page_wrapper .contact-links li a {
        font-size: clamp(18px, 1.3vw, 22px);
    }
    .ht_page_wrapper .customer-service-list-box .contact-links a, 
    .ht_page_wrapper .feedback-box-content .contact-links a {
        font-size: clamp(16px, 1.2vw, 22px);
    }
    .ht_page_wrapper .customer-service-lists {
        width: 78%;
    }
    /* Contact Us Page CSS End*/
}

@media screen and (max-width: 1599px) {
    .ht_page_wrapper .audience-connection-counter ul li {
        padding-right: 2.5vw;
        margin-right: 2.5vw;
    }
    .ht_page_wrapper .drives-results-title .page-title-content {
        max-width: 75vw;
    }
    .ht_page_wrapper .main-media-brands {
        padding-top: 13vh;
    }
    .ht_page_wrapper .media-brands-list-wrap {
        margin-top: 7vh;
    }
    .ht_page_wrapper .media-brands-list-title {
        height: 5vw;
    }
    .ht_page_wrapper .media-brands-list ul li {
        height: 4.5vw;
    }
    .ht_page_wrapper .brand-studio-title .page-title-content .line {
        width: 22%;
    }
    .ht_page_wrapper .brand-studio-title .page-title-content {
        gap: 0 30px;
    }    
    .ht_page_wrapper .brand-region-title .page-title-content .line {
        width: 25%;
    }
    .ht_page_wrapper .award-winning-title .page-title-content .line {
        width: 13%;
    }
}

@media screen and (max-width: 1500px) {
    .ht_page_wrapper .page-title-content,
    .ht_page_wrapper .brand-region-title .page-title-content,
    .ht_page_wrapper .award-winning-title .page-title-content {
        gap: 0 30px;
    }
    .ht_page_wrapper .page-title-content .line {
        width: 10.54%;
    }
    .ht_page_wrapper .h3-title {
        font-size: 1.5vw;
    }
    .ht_page_wrapper .credible-journalism-box {
        max-width: 280px;
    }
    .ht_page_wrapper .credible-journalism-icon img {
        height: 58px;
    }
    .ht_page_wrapper .audience-connection-counter ul li .h2-title {
        font-size: 3vw;
    }
    .ht_page_wrapper .main-brand-stories {
        padding-top: 13vh;
    }
    .ht_page_wrapper .brand-stories-title {
        margin-bottom: 6vh;
    }
    .ht_page_wrapper .award-winning-title .page-title-content {
        max-width: 90%;
    } 
    .ht_page_wrapper .blog-studies-title .page-title-content {
        max-width: 77.63%;
    }
    .ht_page_wrapper .blog-slide {
        margin-right: 30px;
    }
    .ht_page_wrapper .brand-region-map-img img {
        max-height: 90vh;
    }
    /* Digital Page */
    .ht_page_wrapper .printing-industry-title {
        max-width: 54%;
    }
    .ht_page_wrapper .drive-purchase-title .h2-title {
        max-width: 50%;
    }
    .ht_page_wrapper .drive-purchase-title .page-title-content-box>p {
        width: 96%;
    }
    .ht_page_wrapper .digital-portfolio-box {
        column-gap: 20px;
    }
    .ht_page_wrapper .digital-portfolio-slider .slick-slide {
        margin-right: 30px;
    }
    .ht_page_wrapper .main-drive-purchase,
    .ht_page_wrapper .main-display-format {
        padding-bottom: 15vh;
    }
    .ht_page_wrapper .main-targeting-capabilities,
    .ht_page_wrapper .main-digital-blog {
        padding-block: 10vh;
    }
    .ht_page_wrapper .display-format-title .page-title-content .page-title-content-box {
        width: 76%;
    }
    .ht_page_wrapper .display-format-tab-text, 
    .ht_page_wrapper .display-format-tab-box.learn-more {
        padding-inline: 20px;
    }
    .ht_page_wrapper .display-format-tab-img {
        height: 220px;
    }
    .ht_page_wrapper .display-format-tab-search input {
        width: 250px;
        font-size: 20px;
    }
    .ht_page_wrapper .targeting-capabilities-title .link-arrow .h2-title {
        width: 70%;
    }
    .ht_page_wrapper .targeting-accordian-text {
        padding-right: 15%;
    }
    .ht_page_wrapper .targeting-accordian-box:not(:last-child) {
        margin-bottom: 30px;
        padding-bottom: 35px;
    }
    .ht_page_wrapper .targeting-accordian-title:before {
        width: 25px;
        height: 2px;
    }
    .ht_page_wrapper .targeting-accordian-title:after {
        width: 2px;
        height: 25px;
        right: 11px;
    }
    .ht_page_wrapper .digital-blog-img {
        width: 420px;
    }
    .ht_page_wrapper .digital-blog-content {
        padding-left: 4%;
        padding-right: 0px;
    }
    .ht_page_wrapper .digital-blog-box {
        margin-bottom: 6vh;
    }
    .ht_page_wrapper .display-format-tabbing ul li a {
        font-size: 18px;
    }
    .ht_page_wrapper .digital-blog-content p {
        margin-bottom: 30px;
    }
    .ht_page_wrapper .digital-portfolio-title {
        margin-bottom: 8vh;
    }
    .ht_page_wrapper .digital-portfolio-slider .slick-list,
    .ht_page_wrapper .digital-portfolio-bottom .digital-portfolio-slider .slick-list {
        margin-bottom: 3vh;
    }    
    .ht_page_wrapper .digital-portfolio-img {
        width: 210px;
    }
    .ht_page_wrapper .digital-blog-list {
        width: 1050px;
    }
    /* Digital Page */
    /* Contact Us Page CSS Start*/
    .ht_page_wrapper .main-contact-banner {
        padding: 18vh 0 10vh;
    }
    .ht_page_wrapper .contact-banner-content {
        max-width: 60%;
    }
    .ht_page_wrapper .corporate-ooffices-title .page-title-content, 
    .ht_page_wrapper .customer-service-title .page-title-content, 
    .ht_page_wrapper .feedback-title .page-title-content {
        width: 80%;
    }
    .ht_page_wrapper .corporate-ooffices-title .page-title-content .line, 
    .ht_page_wrapper .customer-service-title .page-title-content .line, 
    .ht_page_wrapper .feedback-title .page-title-content .line {
        width: 13%;
    }
    .ht_page_wrapper .corporate-ooffices-tabbing ul li a {
        height: 45px;
        padding: 5px 35px;
        font-size: clamp(20px, 1.2vw, 22px);
    }
    .ht_page_wrapper .customer-service-list-box .h3-title,
    .ht_page_wrapper .feedback-box-content .h3-title {
        font-size: 1.7vw;
    }
    .ht_page_wrapper .customer-service-img {
        width: 30%;
    }    
    .ht_page_wrapper .customer-service-lists {
        margin-top: 10vh;
        width: 83%;
    }
    .ht_page_wrapper .customer-service-list-box {
        padding-right: 5.5%;
        margin-right: 5.5%;
    }
    .ht_page_wrapper .main-customer-service {
        margin-bottom: 12vh;
    }
    /* Contact Us Page CSS End*/
}

@media screen and (max-width: 1400px) {
    .ht_page_wrapper .credible-journalism-title .h2-title {
        max-width: 50vw;
    }
    .ht_page_wrapper .page-title-content {
        margin-top: 1.5vh;
    }
    .ht_page_wrapper .credible-journalism-list {
        margin-top: 3vh;
    }
    .ht_page_wrapper .credible-journalism-title .page-title-content-box>p {
        padding-right: 11%;
    }
    .ht_page_wrapper .h3-title {
        font-size: 1.9vw;
    }
    .ht_page_wrapper .credible-journalism-icon img {
        height: 50px;
    }
    .ht_page_wrapper .audience-connection-counter ul li .h2-title {
        font-size: 2.5vw;
    }
    .ht_page_wrapper .audience-connection-counter ul li .counter-link span {
        width: 30px;
        height: 30px;
    }
    .ht_page_wrapper .drives-results-title a>img {
        width: 14vw;
    }
    .ht_page_wrapper .drives-results-title .page-title-content {
        margin-top: 0;
    }
    .ht_page_wrapper .drives-results-title .page-title-content-box .h3-title {
        margin-bottom: 5px;
    }
    .ht_page_wrapper .drives-results-list-text h5 {
        font-size: 2vw;
    }
    .ht_page_wrapper .drives-results-list-icon {
        width: 2vw;
    }
    .ht_page_wrapper .drives-results-list ul {
        width: 65vw;
        row-gap: 5vh;
    }
    .ht_page_wrapper .drives-results-list {
        margin-top: 5vh;
        margin-bottom: 5vh;
    }
    .ht_page_wrapper .drives-results-list ul li:before {
        height: 60px;
    }    
    .ht_page_wrapper .drives-results-list ul li {
        margin-right: 3.5%;
        padding-right: 3.5%;
    }
    .link-arrow .link-arrow-img img {
        width: 45px;
    }
    .link-arrow .link-arrow-img:after {
        width: 40px;
        height: 40px;
        margin-left: -26px;
    }
    .ht_page_wrapper .drives-results-link .link-arrow .link-arrow-img img {
        width: 30px;
    }
    .ht_page_wrapper .drives-results-link .link-arrow .link-arrow-img:after {
        width: 25px;
        height: 25px;
        margin-left: -16px;
    }
    .ht_page_wrapper .media-brands-title {
        max-width: 50%;
    }
    .ht_page_wrapper .brand-stories-title {
        margin-bottom: 5vh;
    }
    .ht_page_wrapper .brand-stories-video video {
        height: 70vh;
    }
    .ht_page_wrapper .main-brand-studio {
        padding: 13vh 0;
    }
    .ht_page_wrapper .brand-studio-content {
        padding-right: 3%;
    }
    .ht_page_wrapper .page-title.brand-studio-title {
        margin-top: 1vh;
    }
    .ht_page_wrapper .brand-region-title .h2-title {
        width: 75%;
    }
    .ht_page_wrapper .award-winning-title .link-arrow {
        max-width: 50%;
    }   
    .ht_page_wrapper .blog-img {
        padding-bottom: 64%;
    }
    .ht_page_wrapper .blog-box-text {
        padding: 15px 25px;
    }
    .ht_page_wrapper .credible-journalism-icon {
        margin-bottom: 10px;
    }
    main .advertise-with-us .link-arrow {
        width: 150px;
        height: 80px;
        font-size: 20px;
    }
    .ht_page_wrapper .blog-studies-title .page-title-content {
        margin-top: 1vh;
    }
    .ht_page_wrapper .main-blog-slider {
        margin-top: 4vh;
    }
    .ht_page_wrapper .get-in-touch-box {
        padding: 40px;
    }
    /* Digital Page */  
    .ht_page_wrapper .printing-industry-wrap {
        margin-top: 5vh;
    }
    .ht_page_wrapper .display-format-tab-img {
        height: 180px;
    }
    .ht_page_wrapper .targeting-capabilities-accordian-img img {
        width: 43.7vw;
    }
    .ht_page_wrapper .printing-industry-img-wrap {
        margin-top: 7vh;
    }
    .ht_page_wrapper .digital-portfolio-top {
        padding: 8vh 0 5vh;
    }
    .ht_page_wrapper .digital-portfolio-title {
        margin-bottom: 6vh;
    }
    .ht_page_wrapper .display-format-tab-content-wrap {
        margin-top: 6vh;
    }
    .ht_page_wrapper .display-format-tab-wrap {
        margin-top: 5vh;
    }
    .ht_page_wrapper .display-format-tab-box {
        padding-block: 30px;
    }
    .ht_page_wrapper .targeting-accordian-title {
        font-size: 2vw;
    }
    .ht_page_wrapper .digital-blog-img {
        width: 380px;
    }
    .ht_page_wrapper .digital-blog-list {
        width: 1000px;
    }
    .ht_page_wrapper .digital-portfolio-img {
        width: 180px;
    }
    .ht_page_wrapper .digital-portfolio-text {
        padding-top: 20px;
    }
    /* Digital Page */  
    /* Contact Us Page CSS Start*/
    .ht_page_wrapper .feedback-box-content {
        padding-left: 5%;
        padding-top: 4vh;
    }
    .ht_page_wrapper .contact-links li a .icon {
        width: 50px;
        height: 50px;
    }
    .ht_page_wrapper .contact-links li a .icon img {
        max-width: 20px;
        max-height: 20px;
    }
    .ht_page_wrapper .customer-service-list-box .contact-links a, 
    .ht_page_wrapper .feedback-box-content .contact-links a {
        gap: 0 15px;
    }
    .ht_page_wrapper .main-feedback {
        padding-bottom: 15vh;
    }
    .ht_page_wrapper .contact-links li a {
        font-size: clamp(16px, 1.3vw, 20px);
    }
    .ht_page_wrapper .corporate-ooffices-title .page-title-content p, .ht_page_wrapper .customer-service-title .page-title-content p, .ht_page_wrapper .feedback-title .page-title-content p {
        font-size: clamp(16px, 1.05vw, 18px);
    }
    /* Contact Us Page CSS End*/
}

@media screen and (max-width: 1360px) {
    .ht_page_wrapper .audience-connection {
        padding: 7vh 0;
    }
    .ht_page_wrapper .award-winning-media {
        padding-top: 12vh;
        padding-bottom: 8vh;
    }
    .ht_page_wrapper .main-award-winning-slider {
        margin-top: 9vh;
    }
    .ht_page_wrapper .main-blog-studies {
        padding: 8vh 0 13vh 0;
    }
    .ht_page_wrapper .award-winning-title .link-arrow {
        max-width: 50%;
    }
    .ht_page_wrapper .brand-region-title .h2-title {
        width: 75%;
    }
    main .advertise-with-us .link-arrow {
        width: 140px;
        height: 70px;
        font-size: 18px;
        line-height: 24px;
    }
    .ht_page_wrapper .brand-studio-title .link-arrow>img {
        width: 15vw;
    }
    .ht_page_wrapper .audience-connection-title {
        width: 35%;
    }
    .ht_page_wrapper .audience-connection-content {
        width: 71%;
    }
    /* Digital Page */
    .ht_page_wrapper .drive-purchase-title .page-title-content,
    .ht_page_wrapper .display-format-title .page-title-content,
    .ht_page_wrapper .targeting-capabilities-title .page-title-content {
        gap: 0 30px;
    }
    .ht_page_wrapper .printing-industry-title .page-title-content .line {
        width: 20%;
    } 
    .ht_page_wrapper .digital-portfolio-text {
        max-width: 200px;
    }
    .ht_page_wrapper .monthly-views-visitors {
        padding-right: 25%;
    }
    .ht_page_wrapper .drive-purchase-title .page-title-content-box>p,
    .ht_page_wrapper .display-format-title .page-title-content .page-title-content-box,
    .ht_page_wrapper .targeting-capabilities-title .page-title-content .page-title-content-box {
        width: 100%;
    }
    .ht_page_wrapper .main-drive-purchase, 
    .ht_page_wrapper .main-display-format {
        padding-bottom: 12vh;
    }
    .ht_page_wrapper .main-targeting-capabilities, 
    .ht_page_wrapper .main-digital-blog {
        padding-block: 100px;
    }
    .ht_page_wrapper .display-format-tabbing ul li a {
        font-size: 16px;
        height: 45px;
    }
    .ht_page_wrapper .display-format-tab-search input {
        width: 230px;
        font-size: 16px;
        height: 45px;
        padding: 5px 50px 5px 20px;
    }
    .ht_page_wrapper .display-format-tab-search button {
        right: 20px;
    }
    .ht_page_wrapper .display-format-tab-box-list {
        grid-template-columns: repeat(3, 1fr);
    }
    .ht_page_wrapper .targeting-accordian-text {
        font-size: 16px;
        line-height: 30px;
    }
    .ht_page_wrapper .targeting-accordian-title {
        font-size: 25px;
        line-height: 35px;
    }
    .ht_page_wrapper .targeting-capabilities-accordian-img img {
        width: 43.9vw;
    }
    .ht_page_wrapper .printing-industry-title {
        max-width: 50%;
    }
    .ht_page_wrapper .drive-purchase-title .h2-title {
        max-width: 57%;
    }
    .ht_page_wrapper .targeting-capabilities-title .link-arrow .h2-title {
        width: 69%;
    }
    .ht_page_wrapper .drive-purchase-list-icon img {
        height: 55px;
    }
    .ht_page_wrapper .digital-portfolio-slider .slick-list {
        margin-bottom: 2vh;
    }
    .ht_page_wrapper .digital-portfolio-bottom {
        padding-block: 12vh;
    }   
    .ht_page_wrapper .digital-blog-box {
        margin-bottom: 5vh;
    }
    .ht_page_wrapper .digital-blog-img {
        width: 360px;
    }
    .ht_page_wrapper .digital-blog-content {
        padding-left: 3%;
    }     
    /* Digital Page */
    /* Contact Us Page CSS Start*/
    .ht_page_wrapper .corporate-ooffices-title .page-title-content .line, 
    .ht_page_wrapper .customer-service-title .page-title-content .line, 
    .ht_page_wrapper .feedback-title .page-title-content .line {
        width: 10%;
    }
    .ht_page_wrapper .customer-service-list-box {
        padding-right: 4.5%;
        margin-right: 4.5%;
    }
    /* Contact Us Page CSS End*/
}

@media screen and (max-width: 1199px) {
    .ht_page_wrapper {
        font-size: 14px;
        line-height: 26px;
    }
    .ht_page_wrapper .credible-journalism-title .page-title-content-box>p {
        padding-right: 0;
    }    
    .ht_page_wrapper .audience-connection-title {
        padding-left: 4vw;
        margin-bottom: -8.5vh;
    }
    .ht_page_wrapper .audience-connection-counter {
        margin-top: 4vh;
    }
    .ht_page_wrapper .audience-connection-counter ul {
        gap: 3vh 0;
    }
    .ht_page_wrapper .audience-connection-counter ul li:before {
        height: 50px;
    }
    .ht_page_wrapper .audience-connection {
        padding: 6vh 0;
    }
    .ht_page_wrapper .audience-connection-counter ul li .counter-link {
        font-size: 1.5vw;
    }
    .ht_page_wrapper .media-brands-title {
        max-width: 45%;
    }
    .ht_page_wrapper .media-brands-list-box-wrap {
        margin-left: -10px;
        margin-right: -10px;
    }
    .ht_page_wrapper .media-brands-list-box {
        padding: 0 10px;
    }  
    .ht_page_wrapper .media-brands-list ul li img {
        max-width: 80%;
        max-height: 80%;
    }  
    .ht_page_wrapper .media-brands-list-title {
        border-radius: 6px;
    }
    .ht_page_wrapper .main-brand-studio {
        padding: 10vh 0;
    }
    .ht_page_wrapper .page-title-content .line {
        height: 6px;
        margin-top: 10px;
    }
    .ht_page_wrapper .brand-region-title .h2-title {
        width: 70%;
    }
    .ht_page_wrapper .award-winning-title .link-arrow {
        max-width: 45%;
    }
    .ht_page_wrapper .main-award-winning-slider {
        margin-top: 7vh;
    }
    .ht_page_wrapper .award-winning-media {
        padding-top: 10vh;
        padding-bottom: 6vh;
    }
    .ht_page_wrapper .blog-box-text .h3-title {
        font-size: 1.65vw;
        height: 7vw;
    }
    .ht_page_wrapper .main-blog-studies {
        padding: 7vh 0 10vh 0;
    }
    .ht_page_wrapper .blog-box-text .link-arrow {
        font-size: 16px;
    }
    .link-arrow .link-arrow-img img {
        width: 35px;
    }
    .link-arrow .link-arrow-img:after {
        width: 35px;
        height: 35px;
        margin-left: -22px;
    }
    .link-arrow {
        gap: 0 25px;
    }
    .ht_page_wrapper .award-winning-title .link-arrow .link-arrow-img,
    .ht_page_wrapper .blog-studies-title .link-arrow .link-arrow-img {
        margin-left: 15px;
    }  
    .ht_page_wrapper .get-in-touch-box {
        padding: 30px;
    }
    .ht_page_wrapper .brand-studio-title .page-title-content {
        margin-top: 0;
        gap: 0 20px;
    }
    .ht_page_wrapper .brand-studio-title .page-title-content .line {
        width: 16%;
    }
    /* Digital Page */  
    .ht_page_wrapper .main-printing-industry {
        padding-block: 13vh 10vh;
    }
    .ht_page_wrapper .printing-industry-title {
        max-width: 48%;
    }
    .ht_page_wrapper .printing-industry-wrap-box ul li p {
        font-size: 1.37vw;
    }
    .ht_page_wrapper .drive-purchase-title .h2-title {
        max-width: 47%;
    }
    .ht_page_wrapper .main-drive-purchase, 
    .ht_page_wrapper .main-display-format {
        padding-bottom: 11vh;
    }
    .ht_page_wrapper .digital-portfolio-slider .next-arrow {
        margin-right: 5vw;
    }
    .ht_page_wrapper .digital-portfolio-slider .slick-dots {
        margin: 0 20px;
        gap: 0 15px;
    }
    .ht_page_wrapper .digital-portfolio-bottom .digital-portfolio-slider .slick-arrow.prev-arrow {
        margin-left: 5vw;
    }
    .ht_page_wrapper .digital-portfolio-slider .slick-dots:before {
        right: calc(100% + 75px);
    } 
    .ht_page_wrapper .digital-portfolio-slider .slick-dots:after {
        left: calc(100% + 75px);
    }
    .ht_page_wrapper .digital-portfolio-bottom, 
    .ht_page_wrapper .main-targeting-capabilities, 
    .ht_page_wrapper .main-digital-blog {
        padding-block: 11vh;
    }
    .ht_page_wrapper .display-format-tabbing ul li a {
        height: 40px;
        padding: 5px 15px;
    }
    .ht_page_wrapper .display-format-tab-search input {
        width: 180px;
        height: 40px;
    }
    .ht_page_wrapper .targeting-capabilities-title .link-arrow .h2-title {
        width: 65%;
    }
    .ht_page_wrapper .targeting-accordian-box:not(:last-child) {
        margin-bottom: 20px;
        padding-bottom: 25px;
    }
    .ht_page_wrapper .drive-purchase-list-box .h3-title {
        line-height: 1.5;
    }
    .ht_page_wrapper .printing-industry-img-wrap {
        gap: 20px;
    }
    .ht_page_wrapper .targeting-capabilities-link .link-arrow,
    .ht_page_wrapper .display-format-tab-box.learn-more .link-arrow {
        font-size: 20px;
    }
    .ht_page_wrapper .targeting-capabilities-link .link-arrow .link-arrow-img img,
    .ht_page_wrapper .display-format-tab-box.learn-more .link-arrow .link-arrow-img img {
        width: 30px;
    }
    .ht_page_wrapper .targeting-capabilities-link .link-arrow .link-arrow-img:after,
    .ht_page_wrapper .display-format-tab-box.learn-more .link-arrow .link-arrow-img:after {
        width: 25px;
        height: 25px;
        margin-left: -16px;
    }
    .ht_page_wrapper .targeting-accordian-text {
        padding-right: 10%;
    }
    .ht_page_wrapper .digital-blog-content .h4-title {
        font-size: 25px;
        line-height: 35px;
        margin-bottom: 15px;
    }
    .ht_page_wrapper .digital-blog-content p {
        margin-bottom: 20px;
    }
    .ht_page_wrapper .drive-purchase-list-icon img {
        height: 50px;
    }
    .ht_page_wrapper .drive-purchase-title .page-title-content .line,
    .ht_page_wrapper .display-format-title .page-title-content .line,
    .ht_page_wrapper .targeting-capabilities-title .page-title-content .line {
        width: 10%;
    }
    .ht_page_wrapper .display-format-title .page-title-content {
        margin-top: 10px;
    }
    .ht_page_wrapper .targeting-accordian-text {
        font-size: 14px;
    }
    /* Digital Page */  
    /* Contact Us Page CSS Start*/
    .ht_page_wrapper .contact-banner-content {
        max-width: 65%;
        padding-right: 0;
    }
    .ht_page_wrapper .main-contact-banner {
        padding: 14vh 0 8vh;
    }
    .ht_page_wrapper .contact-banner-content p,
    .ht_page_wrapper .corporate-ooffices-title .page-title-content p, 
    .ht_page_wrapper .customer-service-title .page-title-content p, 
    .ht_page_wrapper .feedback-title .page-title-content p {
        font-size: clamp(14px, 1.05vw, 16px);
    }
    .ht_page_wrapper .main-corporate-ooffices {
        padding: 9vh 0;
    }
    .ht_page_wrapper .corporate-ooffices-tab-wrap {
        margin-top: 5vh;
    }
    .ht_page_wrapper .corporate-ooffices-tabbing {
        margin-bottom: 4vh;
    }
    .ht_page_wrapper .corporate-ooffices-tabbing ul {
        gap: 15px 3%;
    }
    .ht_page_wrapper .corporate-ooffices-tabbing ul li a {
        padding: 5px 30px;
        font-size: clamp(18px, 1.2vw, 20px);
    }   
    .ht_page_wrapper .corporate-ooffices-details {
        padding: 5vh 4%;
    }
    .ht_page_wrapper .contact-links li a {
        font-size: clamp(14px, 1.1vw, 18px);
        gap: 0 15px;
    }
    .ht_page_wrapper .contact-links li a .icon {
        width: 45px;
        height: 45px;
    }
    .ht_page_wrapper .contact-links li a .icon:after {
        --width: 7px;
    } 
    .ht_page_wrapper .contact-links li a .icon img {
        max-width: 18px;
        max-height: 18px;
    }
    .ht_page_wrapper .contact-links {
        gap: 3vh 0;
    }
    .ht_page_wrapper .customer-service-lists {
        margin-top: 6vh;
    }
    .ht_page_wrapper .customer-service-list-box .h3-title,
    .ht_page_wrapper .feedback-box-content .h3-title {
        margin-bottom: 28px;
    }
    .ht_page_wrapper .main-customer-service {
        margin-bottom: 9vh;
    }
    .ht_page_wrapper .feedback-box-wrap {
        margin-top: 5vh;
    }
    .ht_page_wrapper .main-feedback {
        padding-bottom: 10vh;
    }
    .ht_page_wrapper .customer-service-list-box .contact-links a, 
    .ht_page_wrapper .feedback-box-content .contact-links a {
        font-size: clamp(14px, 1.1vw, 18px);
    }
    .ht_page_wrapper .customer-service-list-box .h3-title, 
    .ht_page_wrapper .feedback-box-content .h3-title {
        font-size: 1.9vw;
    }
    /* Contact Us Page CSS End*/
}

@media screen and (max-width: 1024px) {
    body {
        padding-bottom: 0;
    }
}

@media screen and (max-width: 1020px) {
    .ht_page_wrapper .credible-journalism {
        padding: 60px 0;
    }
    .ht_page_wrapper .h2-title {
        font-size: 30px;
    }
    .ht_page_wrapper .h3-title {
        font-size: 22px;
    }
    .ht_page_wrapper .credible-journalism-title .h2-title {
        max-width: 100%;
    }
    .ht_page_wrapper .page-title-content,
    .ht_page_wrapper .drives-results-title .page-title-content,
    .ht_page_wrapper .award-winning-title .page-title-content {
        margin-top: 10px;
        gap: 0 15px;
    }
    .ht_page_wrapper .page-title-content .line,
    .ht_page_wrapper .drives-results-title .page-title-content .line,
    .ht_page_wrapper .brand-studio-title .page-title-content .line,
    .ht_page_wrapper .brand-region-title .page-title-content .line,
    .ht_page_wrapper .award-winning-title .page-title-content .line,
    .ht_page_wrapper .blog-studies-title .page-title-content .line {
        width: 60px;
        height: 5px;
    }
    .ht_page_wrapper {
        font-size: 12px;
        line-height: 22px;
    }
    .ht_page_wrapper .credible-journalism-list {
        margin-top: 40px;
    }
    .ht_page_wrapper .credible-journalism-list {
        gap: 20px;
    }
    .ht_page_wrapper .audience-connection-title {
        padding-left: 0;
        width: auto;
        max-width: 100%;
        margin-bottom: 0;
        float: none;
    }    
    .ht_page_wrapper .audience-connection-content {
        width: 100%;
        margin-top: 30px;
    }
    .ht_page_wrapper .h4-title {
        font-size: 22px;
    }
    .ht_page_wrapper .audience-connection-list-box p {
        font-size: 14px;
    }
    .ht_page_wrapper .audience-connection-list-box {
        padding: 15px;
    }
    .ht_page_wrapper .audience-connection-counter {
        margin-top: 50px;
    }
    .ht_page_wrapper .audience-connection-counter ul {
        gap: 40px 0;
        max-width: 600px;
        margin: auto;
    }
    .ht_page_wrapper .audience-connection-counter ul li {
        padding-right: 30px;
        margin-right: 30px;
    }
    .ht_page_wrapper .audience-connection-counter ul li:before {
        width: 1px;
        height: 50px;
    }
    .ht_page_wrapper .audience-connection-counter ul li .h2-title {
        font-size: 28px;
        line-height: 40px;
    }
    .ht_page_wrapper .audience-connection-counter ul li .counter-link {
        font-size: 14px;
    }    
    .ht_page_wrapper .audience-connection {
        padding: 60px 0 100px 0;
    }
    .ht_page_wrapper .audience-connection-img {
        height: 40%;
    }
    .ht_page_wrapper .audience-connection-counter ul li .counter-link span {
        width: 22px;
        height: 22px;
        border-width: 1px;
        margin-left: 5px;
    }
    .ht_page_wrapper .audience-connection-counter ul li .counter-link span img {
        width: 8px;
    }
    .ht_page_wrapper .drives-results {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .link-arrow .link-arrow-img img {
        width: 25px;
    }
    .link-arrow .link-arrow-img:after {
        width: 25px;
        height: 25px;
        margin-left: -15px;
        border-width: 1px;
    }
    .ht_page_wrapper .drives-results-title a>img {
        width: 180px;
    }    
    .link-arrow {
        gap: 0 15px;
        font-size: 18px;
    }
    .ht_page_wrapper .drives-results-title .page-title-content {
        max-width: 90%;
    }
    .ht_page_wrapper .drives-results-title .page-title-content .line {
        margin-top: 10px;
    }
    .ht_page_wrapper .drives-results-list {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .ht_page_wrapper .drives-results-list-text h5 {
        font-size: 22px;
        margin-bottom: 5px;
    }
    .ht_page_wrapper .drives-results-list-text p {
        font-size: 14px;
    }        
    .ht_page_wrapper .drives-results-list-icon {
        width: 20px;
    }
    .ht_page_wrapper .drives-results-list-icon img {
        margin-top: 3px;
    }    
    .ht_page_wrapper .drives-results-list ul {
        width: auto;
        max-width: 800px;
        row-gap: 40px;
    }
    .ht_page_wrapper .drives-results-list ul li {
        margin-right: 3.5%;
        padding-right: 3.5%;
    }
    .ht_page_wrapper .drives-results-list ul li:before {
        height: 50px;
    }
    .ht_page_wrapper .drives-results-img {
        width: 250px;
        height: auto;
    }
    .ht_page_wrapper .media-brands-title {
        max-width: 100%;
    }
    .ht_page_wrapper .main-media-brands {
        padding-top: 60px;
    }
    .ht_page_wrapper .media-brands-list-wrap {
        margin-top: 40px;
    }
    .ht_page_wrapper .media-brands-list-title {
        height: 50px;
        padding: 0 10px;
    }
    .ht_page_wrapper .media-brands-list-title {
        font-size: 11px;
    }
    .ht_page_wrapper .media-brands-list-title img {
        width: 16px;
    }
    .ht_page_wrapper .media-brands-list ul li {
        height: 40px;
    }
    .ht_page_wrapper .media-brands-list ul {
        row-gap: 25px;
    }
    .ht_page_wrapper .main-brand-stories {
        padding-top: 60px;
    }
    .ht_page_wrapper .brand-stories-title {
        margin-bottom: 30px;
    }
    .ht_page_wrapper .brand-stories-video video {
        height: 43vw;
    }
    .ht_page_wrapper .main-brand-studio,
    .ht_page_wrapper .main-brand-region {
        padding: 60px 0;
    }
    .ht_page_wrapper .page-title.brand-studio-title {
        margin-top: 20px;
    }
    .ht_page_wrapper .brand-studio-title .link-arrow {
        gap: 0 15px;
    }
    .ht_page_wrapper .brand-studio-title .page-title-content {
        margin-top: 0;
        gap: 0 15px;
    }
    .ht_page_wrapper .brand-studio-title .link-arrow>img {
        width: 150px;
    }
    .ht_page_wrapper .brand-region-title .h2-title {
        width: 90%;
    }
    .ht_page_wrapper .brand-region-title .page-title-content {
        margin-top: 10px;
        gap: 0 15px;
        padding-right: 5%;
    }
    .ht_page_wrapper .brand-region-title .page-title-content-box p:not(:last-child) {
        margin-bottom: 15px;
    }
    .ht_page_wrapper .brand-region-map-img img {
        max-height: unset;
    }
    .ht_page_wrapper .award-winning-media {
        padding-top: 60px;
        padding-bottom: 30px;
    }
    .ht_page_wrapper .award-winning-title .link-arrow {
        max-width: 360px;
    }
    .ht_page_wrapper .award-winning-title .link-arrow .link-arrow-img, 
    .ht_page_wrapper .blog-studies-title .link-arrow .link-arrow-img {
        margin-left: 5px;
    }
    .ht_page_wrapper .award-img img {
        height: 120px;
    }
    .ht_page_wrapper .main-award-winning-slider {
        margin-top: 40px;
        padding: 0 40px;
    }
    .ht_page_wrapper .award-img {
        margin-bottom: 10px;
    }
    .ht_page_wrapper .main-blog-studies {
        padding: 30px 0 60px 0;
    }
    .ht_page_wrapper .blog-studies-title .link-arrow {
        max-width: 215px;
    }
    .ht_page_wrapper .blog-studies-title .page-title-content {
        margin-top: 10px;
        max-width: 90%;
        gap: 0 15px;
    }    
    .ht_page_wrapper .main-blog-slider {
        margin-top: 30px;
    }
    .ht_page_wrapper .blog-slider .slick-list {
        width: 1024px;
        padding-right: 0;
    }
    .ht_page_wrapper .blog-slide {
        margin-right: 20px;
    }
    .ht_page_wrapper .blog-box-text {
        padding: 20px;
    }
    .ht_page_wrapper .blog-box-text .h3-title {
        font-size: 18px;
        height: 75px;
        margin-bottom: 15px;
    }
    .ht_page_wrapper .blog-img {
        padding-bottom: 70%;
    }
    .ht_page_wrapper .slick-arrow {
        width: 30px;
        height: 30px;
        border-width: 1px;
    }
    .ht_page_wrapper .slick-arrow.next-arrow {
        left: 45px;
    }
    .ht_page_wrapper .get-in-touch-box {
        padding: 25px;
    }
    .ht_page_wrapper .get-in-touch-box .link-arrow {
        gap: 10px;
    }
    main .advertise-with-us .link-arrow {
        width: 120px;
        height: 50px;
        font-size: 14px;
        line-height: 16px;
        padding: 0 20px;
    }
    main .advertise-with-us .link-arrow .link-arrow-img:after {
        width: 18px;
        height: 18px;
        margin-left: -12px;
    }
    /* Contact Us Page CSS Start*/
    .ht_page_wrapper .main-contact-banner {
        padding: 0 0 60px;
    }
    .ht_page_wrapper .contact-banner-img {
        position: relative;
        top: 0;
        right: 0;
        width: 320px;
        max-width: unset;
        margin-left: auto;
        margin-bottom: -30px;
    }
    .ht_page_wrapper .contact-banner-img img {
        max-width: 100%;
    }
    .ht_page_wrapper .contact-banner-content {
        max-width: 80%;
    }
    .ht_page_wrapper .corporate-ooffices-title .page-title-content, 
    .ht_page_wrapper .customer-service-title .page-title-content, 
    .ht_page_wrapper .feedback-title .page-title-content {
        width: 90%;
        margin-top: 10px;
        gap: 0 15px;
    }    
    .ht_page_wrapper .main-corporate-ooffices {
        padding: 60px 0;
    }
    .ht_page_wrapper .corporate-ooffices-tabbing ul li a {
        padding: 5px 25px;
        font-size: clamp(16px, 1.5vw, 18px);
        height: 40px;
    }
    .ht_page_wrapper .corporate-ooffices-tabbing ul {
        gap: 15px 20px;
    }
    .ht_page_wrapper .corporate-ooffices-tab-wrap {
        margin-top: 40px;
    }
    .ht_page_wrapper .corporate-ooffices-tabbing {
        margin-bottom: 40px;
    }
    .ht_page_wrapper .corporate-ooffices-details {
        padding: 40px;
    }
    .ht_page_wrapper .contact-links {
        gap: 30px 0;
    }
    .ht_page_wrapper .corporate-ooffices-title .page-title-content .line, 
    .ht_page_wrapper .customer-service-title .page-title-content .line, 
    .ht_page_wrapper .feedback-title .page-title-content .line {
        width: 60px;
    }
    .ht_page_wrapper .customer-service-list-box .h3-title, 
    .ht_page_wrapper .feedback-box-content .h3-title {
        font-size: 20px;
    }      
    .ht_page_wrapper .customer-service-list-box {
        padding-right: 0;
        margin-right: 0;
        display: block;
        margin-bottom: 40px;
    }
    .ht_page_wrapper .customer-service-list-box:last-child {
        margin-bottom: 0;
    }
    .ht_page_wrapper .customer-service-list-box:before {
        display: none;
    }
    .ht_page_wrapper .customer-service-lists {
        margin-top: 40px;
        width: 80%;
    }  
    .ht_page_wrapper .customer-service-list-box .h3-title, 
    .ht_page_wrapper .feedback-box-content .h3-title {
        margin-bottom: 20px;
    }
    .ht_page_wrapper .customer-service-list-box .contact-links {
        gap: 20px 0;
    }
    .ht_page_wrapper .main-customer-service {
        padding-bottom: 30px;
        margin-bottom: 60px;
    }
    .ht_page_wrapper .customer-service-img {
        width: 35%;
    }
    .ht_page_wrapper .main-feedback {
        padding-bottom: 60px;
    }
    .ht_page_wrapper .feedback-box-wrap {
        margin-top: 40px;
    }
    .ht_page_wrapper .feedback-box-content {
        padding-left: 30px;
        padding-top: 20px;
    }
    /* Contact Us Page CSS End*/
}

@media screen and (max-width: 767px) {
    .for-desktop {
        display: none;
    }    
    .for-mobile {
        display: block;
    }   
    .ht_page_wrapper .main-banner {
        height: auto;
    }
    .ht_page_wrapper .banner-video {
        position: relative;
        height: auto;
    }
    .ht_page_wrapper .banner-video video {
        height: auto;
    }
    .ht_page_wrapper .credible-journalism-box {
        max-width: 100%;
    }
    .ht_page_wrapper .credible-journalism-title .h2-title {
        max-width: 100%;
    }
    .ht_page_wrapper .credible-journalism-title .page-title-content-box>p {
        padding-right: 10%;
    }
    .ht_page_wrapper .credible-journalism-list {
        flex-wrap: wrap;
        gap: 43px 30px;
    }
    .ht_page_wrapper .audience-connection-list {
        grid-template-columns: repeat(2,1fr);
        gap: 20px;
        max-width: 100%;
    }
    .ht_page_wrapper .audience-connection-counter ul {
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: 40px 9%;
        max-width: 95%;
        margin-right: 0;    
    }    
    .ht_page_wrapper .audience-connection-counter ul li {
        padding-right: 0;
        margin-right: 0;
    }    
    .ht_page_wrapper .audience-connection-counter ul li:before {
        display: none;
    }
    .ht_page_wrapper .audience-connection {
        padding: 60px 0 130px 0;
    }
    .ht_page_wrapper .audience-connection-img {
        height: 35%;
    }
    .ht_page_wrapper .drives-results-list ul {
        width: auto;
        max-width: 90%;
        gap: 40px;
    }
    .ht_page_wrapper .drives-results-list ul li {
        margin-right: 0;
        padding-right: 0;
    }
    .ht_page_wrapper .drives-results-list ul li:before {
        display: none;
    }
    .ht_page_wrapper .brand-studio-content {
        padding-right: 10%;
        width: 100%;
    }
    .ht_page_wrapper .brand-studio-img {
        width: 100%;
        text-align: center;
        padding-inline: 75px 10%;
        margin-top: 40px;
    }
    .ht_page_wrapper .brand-region-content {
        width: 100%;
        margin-top: 0;
    }
    .ht_page_wrapper .brand-region-title .page-title-content {
        padding-right: 10%;
    }
    .ht_page_wrapper .brand-region-map-img {
        width: 100%;
        margin-top: 40px;
    }
    .ht_page_wrapper .brand-region-title .h2-title {
        width: auto;
        max-width: 280px;
    }
    .ht_page_wrapper .media-brands-list-box {
        width: 33.3333%;
    }
    .ht_page_wrapper .award-img img {
        height: 100px;
    }
    /* Contact Us Page CSS Start*/
    .ht_page_wrapper .contact-banner-content p, .ht_page_wrapper .corporate-ooffices-title .page-title-content p, .ht_page_wrapper .customer-service-title .page-title-content p, .ht_page_wrapper .feedback-title .page-title-content p {
        font-size: 12px;
    }
    .corporate-ooffices-tab-content-wrap {
        position: relative;
        left: 50%;
        transform: translate(-50%);
        width: 100vw;
    }
    .ht_page_wrapper .corporate-ooffices-tabbing ul li a {
        font-size: 14px;
        height: 35px;
    }    
    .ht_page_wrapper .contact-links li a,
    .ht_page_wrapper .customer-service-list-box .contact-links a, 
    .ht_page_wrapper .feedback-box-content .contact-links a {
        font-size: 12px;
    }
    .ht_page_wrapper .feedback-box {
        flex-wrap: wrap;
    }
    .ht_page_wrapper .feedback-box-img {
        order: 1;
        width: 100%;
    }
    .ht_page_wrapper .feedback-box-content {
        order: 0;
        width: 100%;
        padding: 0;
        margin-bottom: 30px;
    }
    .ht_page_wrapper .feedback-box-content .h3-title {
        display: none;
    }
    /* Contact Us Page CSS End*/
}

@media screen and (max-width: 575px) {
    .ht_page_wrapper {
        font-size: clamp(10px, 2.7vw, 12px);
        line-height: 1.68;
    }
    .ht_page_wrapper .h2-title {
        font-size: max(5.87vw, 22px);
    }
    .ht_page_wrapper .page-title-content .line, .ht_page_wrapper .drives-results-title .page-title-content .line, .ht_page_wrapper .brand-studio-title .page-title-content .line, .ht_page_wrapper .brand-region-title .page-title-content .line, .ht_page_wrapper .award-winning-title .page-title-content .line, .ht_page_wrapper .blog-studies-title .page-title-content .line {
        width: 43px;
        height: 3.19px;
        margin-top: 7px;
    }
    .ht_page_wrapper .credible-journalism {
        padding: 32px 0 74px 0;
    }
    .ht_page_wrapper .page-title-content, 
    .ht_page_wrapper .drives-results-title .page-title-content, 
    .ht_page_wrapper .award-winning-title .page-title-content {
        margin-top: 8px;
        gap: 0 10px;
    }
    .ht_page_wrapper .credible-journalism-title .page-title-content-box>p {
        padding-right: 5%;
    }
    .ht_page_wrapper .credible-journalism-icon img {
        height: 40px;
    }
    .ht_page_wrapper .credible-journalism-list {
        margin-top: 50px;
    }
    .ht_page_wrapper .h3-title {
        font-size: clamp(18px, 5.34vw, 20px);
        margin-bottom: 8px;
    }  
    .ht_page_wrapper .audience-connection {
        padding: 50px 0 107px 0;
    }
    .ht_page_wrapper .audience-connection-content {
        margin-top: 52px;
    }
    .ht_page_wrapper .audience-connection-list-box {
        padding: 10px;
        border-radius: 5px;
    }
    .ht_page_wrapper .audience-connection-list-box img {
        height: max(4vw, 15px);
        margin-bottom: 8px;
    }
    .ht_page_wrapper .h4-title {
        font-size: clamp(18px, 5.34vw, 20px);
    }
    .ht_page_wrapper .audience-connection-list-box p {
        font-size: max(2.95vw, 11px);
    }
    .ht_page_wrapper .audience-connection-list-box .h4-title {
        margin-bottom: 5px;
    }
    .ht_page_wrapper .audience-connection-list-box p {
        margin-bottom: 2px;
    }
    .ht_page_wrapper .audience-connection-list-box span {
        font-size: 4.5px;
        line-height: 2;
    }
    .ht_page_wrapper .audience-connection-counter ul li .h2-title {
        font-size: max(6.94vw, 26px);
        line-height: 1.2;
    }
    .ht_page_wrapper .audience-connection-counter ul li .counter-link {
        font-size: max(2.7vw, 10px);
    }
    .ht_page_wrapper .audience-connection-counter ul li {
        width: 40%;
    }
    .ht_page_wrapper .audience-connection-counter ul li:nth-last-child(2) {
        order: -3;
    }    
    .ht_page_wrapper .audience-connection-counter ul li:nth-last-child(1) {
        order: -1;
    }    
    .ht_page_wrapper .audience-connection-counter ul li:first-child {
        order: -2;
    }
    .ht_page_wrapper .audience-connection-counter ul li .counter-link span {
        width: max(3.47vw, 13px);
        height: max(3.47vw, 13px);
    }
    .ht_page_wrapper .audience-connection-counter ul li .counter-link span img {
        width: max(1.3vw, 5px);
    }    
    .ht_page_wrapper .audience-connection-counter {
        margin-top: 53px;
    }
    .ht_page_wrapper .audience-connection-counter ul {
        gap: 34px 9%;
    }
    .ht_page_wrapper .audience-connection-img {
        height: 36%;
    }
    .ht_page_wrapper .drives-results-title a>img {
        width: 141px;
    }
    .ht_page_wrapper .drives-results-title .page-title-content-box .h3-title {
        font-size: clamp(14px, 3.75vw, 16px);
        margin-bottom: 13px;
    }
    .ht_page_wrapper .drives-results-title .page-title-content {
        max-width: 88%;
    }
    .ht_page_wrapper .drives-results {
        padding-top: 58px;
        padding-bottom: 18px;
    }  
    .ht_page_wrapper .drives-results-list-text h5 {
        font-size: clamp(18px, 4.8vw, 22px);
    }  
    .ht_page_wrapper .drives-results-list-text p {
        font-size: clamp(10px, 2.7vw, 12px);
        line-height: 1.5;
    }
    .ht_page_wrapper .drives-results-list-icon {
        width: 24px;
    }
    .ht_page_wrapper .drives-results-list-icon img {
        margin-top: 0;
    }
    .ht_page_wrapper .drives-results-list-box {
        gap: 0 7px;
    }
    .ht_page_wrapper .drives-results-list ul {
        gap: 47px 17%;
    }
    .ht_page_wrapper .drives-results-list {
        margin-top: 30px;
        margin-bottom: 45px;
    }
    .ht_page_wrapper .drives-results-link .link-arrow .link-arrow-img img {
        width: 14px;
    }
    .ht_page_wrapper .drives-results-link .link-arrow .link-arrow-img:after {
        width: 12px;
        height: 12px;
        margin-left: -8px;
    }
    .link-arrow {
        font-size: clamp(12px, 3.2vw, 14px);
    }
    .ht_page_wrapper .drives-results-link .link-arrow {
        gap: 0 5px;
    }
    .ht_page_wrapper .drives-results-img {
        width: 206px;
    }
    .ht_page_wrapper .main-media-brands {
        padding-top: 71px;
    }
    .ht_page_wrapper .media-brands-list-wrap {
        margin-top: 29px;
    }
    .ht_page_wrapper .media-brands-list-box-wrap {
        margin-left: -6.5px;
        margin-right: -6.5px;
    }
    .ht_page_wrapper .media-brands-list-box {
        padding-left: 6.5px;
        padding-right: 6.5px;
    }    
    .ht_page_wrapper .media-brands-list-title {
        font-size: clamp(7.5px, 2vw, 10px);
        line-height: 1;
        height: 40px;
        border-radius: 3px;
        gap: 5px;
    }
    .ht_page_wrapper .media-brands-list-title img {
        width: clamp(12px, 3.2vw, 15px);
        margin-top: -2px;
    }
    .ht_page_wrapper .media-brands-list {
        margin-top: 10px;
    }
    .ht_page_wrapper .media-brands-list ul {
        row-gap: 15px;
    }
    .ht_page_wrapper .media-brands-list ul li img {
        max-width: 75%;
        max-height: 75%;
    }
    .ht_page_wrapper .media-brands-box-inner {
        margin-top: 15px;
    }
    .ht_page_wrapper .media-brands-box-inner .media-brands-list {
        margin-top: 10px;
    }
    .ht_page_wrapper .main-brand-stories {
        padding-top: 72px;
    }
    .ht_page_wrapper .brand-stories-title {
        margin-bottom: 39px;
    }
    .ht_page_wrapper .brand-stories-video video {
        height: 50vw;
    }
    .ht_page_wrapper .play-video img {
        width: max(9.6vw, 36px);
    }    
    .ht_page_wrapper .brand-stories-video:before {
        opacity: 0.3;
    }
    .ht_page_wrapper .brand-studio-title .link-arrow>img {
        width: 144px;
    }
    .link-arrow .link-arrow-img img {
        width: 22px;
    }
    .link-arrow .link-arrow-img:after {
        width: 20px;
        height: 20px;
        margin-left: -13px
    }    
    .ht_page_wrapper .brand-studio-title .link-arrow {
        gap: 0 8px;
    }
    .ht_page_wrapper .brand-studio-title .link-arrow .link-arrow-img {
        margin-top: 20px;
    }
    .ht_page_wrapper .page-title.brand-studio-title {
        margin-top: 0;
    }
    .ht_page_wrapper .brand-studio-title .page-title-content {
        margin-top: 8px;
    }
    .ht_page_wrapper .brand-studio-content {
        padding-right: 16%;
    }
    .ht_page_wrapper .brand-studio-title .page-title-content {
        gap: 0 10px;
    }
    .ht_page_wrapper .brand-studio-img {
        padding-inline: 53px 16%;
        margin-top: 30px;
    }
    .ht_page_wrapper .brand-region-title .h2-title {
        max-width: 57vw;
    }
    .ht_page_wrapper .main-brand-region {
        padding: 51px 0;
    }
    .ht_page_wrapper .brand-region-title .page-title-content {
        gap: 0 10px;
        margin-top: 8px;
    }
    .ht_page_wrapper .brand-region-title .page-title-content-box p:not(:last-child) {
        margin-bottom: 19px;
    }
    .ht_page_wrapper .brand-region-map-img {
        margin-top: 45px;
    }
    .ht_page_wrapper .award-winning-title .link-arrow {
        max-width: 90%;
    }
    .ht_page_wrapper .main-award-winning-slider {
        margin-top: 35px;
        padding: 0;
    }
    .ht_page_wrapper .award-winning-slider .slick-list {
        position: relative;
        left: 50%;
        transform: translate(-50%);
        width: 125vw;
    }
    .ht_page_wrapper .award-img img {
        height: 88px;
    }
    .ht_page_wrapper .award-slide-box {
        
        padding: 0 5px;
    }
    .ht_page_wrapper .award-img {
        margin-bottom: 5px;
    }
    .ht_page_wrapper .blog-studies-title .link-arrow {
        max-width: 55vw;
    }
    .ht_page_wrapper .blog-studies-title .page-title-content {
        margin-top: 8px;
        max-width: 95%;
        gap: 0 10px;
    }
    .ht_page_wrapper .main-blog-studies {
        padding: 70px 0 73px 0;
    }
    .ht_page_wrapper .main-blog-slider {
        margin-top: 44px;
    }
    .ht_page_wrapper .blog-slider .slick-list {
        width: 100%;
    }
    .ht_page_wrapper .blog-slide {
        margin-right: 0;
    }
    .ht_page_wrapper .blog-box {
        max-width: 87%;
        display: block;
        margin: auto;
        border-radius: 6px;
        overflow: hidden;
    }
    .ht_page_wrapper .slick-arrow {
        left: calc(50% - 20px);
        transform: translate(-50%);
    }    
    .ht_page_wrapper .slick-arrow.next-arrow {
        left: calc(50% + 20px);
    }
    .ht_page_wrapper .blog-img {
        padding-bottom: 57%;
    }
    .ht_page_wrapper .blog-box-text .h3-title {
        font-size: max(4.8vw, 18px);
        padding-right: 0;
        height: auto;
        display: block;
        margin-bottom: 28px;
    }
    .ht_page_wrapper .blog-box-text .link-arrow {
        font-size: clamp(14px, 3.75vw, 16px);
    }
    .ht_page_wrapper .get-in-touch-box {
        padding: 11px 13px 18px 13px;
    }
    .ht_page_wrapper .blog-box-text {
        padding: 13px 20px 20px;
    }
    .ht_page_wrapper .slick-arrow {
        font-size: 14px;
    }
    main .advertise-with-us .link-arrow {
        width: 110px;
        padding: 0 10px 0 20px;
    }
    /* Contact Us Page CSS Start*/
    .ht_page_wrapper .main-contact-banner {
        padding: 0 0 26px;
    }
    .ht_page_wrapper .contact-banner-img {
        width: 51%;
        margin-bottom: -6%;
    }
    .ht_page_wrapper .contact-banner-content .h2-title {
        font-size: max(7vw, 26px);
        margin-bottom: 22px;
    }
    .ht_page_wrapper .contact-banner-content {
        max-width: 100%;
    }
    .ht_page_wrapper .contact-banner-content p, .ht_page_wrapper .corporate-ooffices-title .page-title-content p, .ht_page_wrapper .customer-service-title .page-title-content p, .ht_page_wrapper .feedback-title .page-title-content p {
        font-size: clamp(10px, 2.7vw, 12px);
        line-height: 1.68;
    }
    .ht_page_wrapper .main-corporate-ooffices {
        padding: 38px 0 50px;
    }
    .ht_page_wrapper .corporate-ooffices-title .page-title-content .line, .ht_page_wrapper .customer-service-title .page-title-content .line, .ht_page_wrapper .feedback-title .page-title-content .line {
        width: 43px;
    }
    .ht_page_wrapper .corporate-ooffices-title .page-title-content, .ht_page_wrapper .customer-service-title .page-title-content, .ht_page_wrapper .feedback-title .page-title-content {
        margin-top: 8px;
        gap: 0 10px;
        width: 95%;
    }
    .ht_page_wrapper .corporate-ooffices-tab-wrap {
        margin-top: 24px;
    }
    .ht_page_wrapper .corporate-ooffices-tabbing ul {
        gap: 0;
        justify-content: space-between;
        flex-wrap: unset;
    }
    .ht_page_wrapper .corporate-ooffices-tabbing ul li a {
        font-size: clamp(12px, 3.3vw, 14px);
        height: 26px;
        padding: 0;
    }
    .ht_page_wrapper .corporate-ooffices-tabbing ul li a.active {
        padding: 0 24px;
    } 
    .ht_page_wrapper .corporate-ooffices-tabbing {
        margin-bottom: 26px;
    }  
    .ht_page_wrapper .corporate-ooffices-details {
        padding: 43px 25px 48px;
    }
    .ht_page_wrapper .contact-links li a .icon {
        width: 23px;
        height: 23px;
    }
    .ht_page_wrapper .contact-links li a .icon:before {
        border-width: 2px;
    }  
    .ht_page_wrapper .contact-links li a .icon:after {
        --width: 3px;
    }
    .ht_page_wrapper .contact-links li a .icon img {
        max-width: 9px;
        max-height: 9px;
    }
    .ht_page_wrapper .contact-links li a,
    .ht_page_wrapper .customer-service-list-box .contact-links a, 
    .ht_page_wrapper .feedback-box-content .contact-links a {
        gap: 0 11px;
        font-size: clamp(10px, 2.7vw, 12px);
        line-height: 1.68;
    }   
    .ht_page_wrapper .contact-links,
    .ht_page_wrapper .customer-service-list-box .contact-links {
        gap: 18px 0;
    }
    .ht_page_wrapper .customer-service-list-box .h3-title, 
    .ht_page_wrapper .feedback-box-content .h3-title {
        font-size: clamp(12px, 3.3vw, 14px);
        margin-bottom: 15px;
    }
    .ht_page_wrapper .customer-service-lists {
        margin-top: 36px;
    }
    .ht_page_wrapper .customer-service-list-box {
        margin-bottom: 36px;
    }
    .ht_page_wrapper .main-customer-service {
        padding-bottom: 40px;
        margin-bottom: 51px;
    }
    .ht_page_wrapper .customer-service-img {
        width: 44%;
    }
    .ht_page_wrapper .feedback-box-wrap {
        margin-top: 21px;
    }
    .ht_page_wrapper .feedback-box-content {
        margin-bottom: 24px;
    }    
    .ht_page_wrapper .main-feedback {
        padding-bottom: 51px;
    }
    /* Contact Us Page CSS End*/
}

@media screen and (max-width: 400px) {
    .ht_page_wrapper .slick-arrow {
        width: 22px;
        height: 22px;
        font-size: 10px;
        left: calc(50% - 15px);
    }
    .ht_page_wrapper .slick-arrow.next-arrow {
        left: calc(50% + 15px);
    }
    .ht_page_wrapper .blog-slider {
        padding-bottom: 46px;
    }
}

@media screen and (max-width: 365px) {
    .ht_page_wrapper .brand-studio-content {
        padding-right: 10%;
    }
    .ht_page_wrapper .brand-studio-img {
        padding-inline: 53px 10%;
    }    
    .ht_page_wrapper .brand-region-title .page-title-content {
        padding-right: 5%;
    }
    .ht_page_wrapper .award-winning-title .page-title-content {
        max-width: 95%;
    }
    .ht_page_wrapper .blog-box-text {
        padding: 13px 15px 20px;
    }
    .ht_page_wrapper .award-winning-title .link-arrow {
        max-width: 95%;
    }
    .ht_page_wrapper .audience-connection-counter ul li {
        width: 42%;
    }
    .ht_page_wrapper .audience-connection-counter ul {
        gap: 34px 6%;
    }
    .ht_page_wrapper .audience-connection-img {
        height: 34%;
    } 
    .ht_page_wrapper .drives-results-img {
        width: 180px;
    }
    .ht_page_wrapper .get-in-touch-box {
        padding: 10px;
    }  
    .ht_page_wrapper .media-brands-list-title {
        padding: 0 8px;
    }      
    .ht_page_wrapper .drives-results-title .page-title-content {
        max-width: 95%;
    }
    .ht_page_wrapper .award-img img {
        height: 80px;
    }   
    /* Contact Us Page CSS Start*/ 
    .ht_page_wrapper .corporate-ooffices-tabbing ul li a.active {
        padding: 0 20px;
    }
    .ht_page_wrapper .corporate-ooffices-details {
        padding: 43px 20px 48px;
    }
    .ht_page_wrapper .customer-service-img {
        width: 40%;
    }    
    /* Contact Us Page CSS End*/ 
}
/*========== Responsive CSS End ==========*/
/*========== Case Study Detail Page CSS Start ==========*/
 /* Case Study Banner CSS Start */
 
 /* focus styling */
 
 .rating-slider:focus {
     outline: 2px solid red;
 }
 
 form.rating-slider {
     margin: 0 auto 3rem;
     visibility: hidden;
 }
 
 form.rating-slider:first-of-type {
     margin-top: 3rem;
 }
 
 .rating-slider fieldset {
     margin: 0 auto;
 }
 
 legend {
     margin-bottom: 0.5rem;
 }
 
 .rating-slider input[type="radio"] {
     border: 3px solid black;
 }
 
 .rating {
     display: block;
     position: relative;
     min-height: 60px;
     padding: 0;
     border: none;
     background-color: transparent;
 }
 
 .rating > input {
     position: absolute;
     margin-right: -100%;
     opacity: 0;
 }
 
 .rating > input:checked ~ label,
 .rating > input:focus ~ label {
     background-position: 0 0;
 }
 
 .rating > input:checked + label,
 .rating > input:focus + label {
     background-position: 0 -30px;
 }
 
 .rating > input:checked + .half-rating,
 .rating > input:focus + .half-rating {
     background-position: 0 -60px;
 }
 
 .rating > input:hover ~ label {
     background-position: 0 0;
 }
 
 .rating > input:hover + label {
     background-position: 0 -30px;
 }
 
 .rating > input:hover + label:before {
     opacity: 1;
 }
 
 .rating > input:focus + label {
     outline: 1px dotted #999;
 }
 
 .rating .focus-ring {
     position: absolute;
     left: 0;
     width: 100%;
     height: 30px;
     outline: 2px dotted #999;
     pointer-events: none;
     opacity: 0;
 }
 
 .rating > .input-no-rate:focus ~ .focus-ring {
     opacity: 1;
 }
 
 .rating > label {
     position: relative;
     float: left;
     width: 30px;
     font-size: 0.1em;
     color: transparent;
     cursor: pointer;
     background-repeat: no-repeat;
     background-position: 0 -30px;
     background-size: auto 89px;
 }
 
 .rating .half-rating {
     position: relative;
     float: left;
     width: 30px;
     font-size: 0.1em;
     color: transparent;
     cursor: pointer;
     background-repeat: no-repeat;
     background-position: 0 -60px;
     background-size: auto 89px;
 }
 .rating > label,
 .rating > label:before {
     height: 30px;
     background-image: url(assets/casestudypage/star.png);
     }
 
 .star > label:before {
     content: "";
     position: absolute;
     display: block;
     background-position: 0 30px;
     pointer-events: none;
     opacity: 0;
 }
 
 .star > label:nth-of-type(5):before {
     width: 120px;
     left: -120px;
 }
 
 .star > label:nth-of-type(4):before {
     width: 90px;
     left: -90px;
 }
 
 .star > label:nth-of-type(3):before {
     width: 60px;
     left: -60px;
 }
 
 .star > label:nth-of-type(2):before {
     width: 30px;
     left: -30px;
 }
 
 .star > label:nth-of-type(1):before {
     width: 0;
     left: 0;
 }
 
 @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi) {
     .star > label {
         background-image: url(assets/casestudypage/star.png);
     }
 }
 
 .ht_page_wrapper.case-study-detail-page .h1-title {
     font-size: 54px;
     line-height: 67px;
 }
 
 /* Case Study Banner CSS End */
 
 /* Main Banner css start */
 .ht_page_wrapper.case-study-detail-page .main-case-study-banner {
     z-index: 9;
     position: relative;     
     width: 90vw;
     margin: 6.9vw auto 0;
 }
 .ht_page_wrapper.case-study-detail-page .main-case-study-banner .case-study-banner-box {
     display: flex;
     align-items: center;
     gap:unset;
     background: transparent;  
     padding: unset;
 }
 .ht_page_wrapper.case-study-detail-page .main-case-study-banner .case-study-banner-box .case-study-banner-img  {
    margin:0  auto;
 }
 .ht_page_wrapper.case-study-detail-page .main-case-study-banner .case-study-banner-box .case-study-common {
     width: 50%;
     padding: 30px 0;
 }
 .ht_page_wrapper.case-study-detail-page
     .main-case-study-banner
     .case-study-banner-box
     .case-study-common
     .case-study-banner-text-img {
     text-align: center;
 }
 .ht_page_wrapper.case-study-detail-page
     .main-case-study-banner
     .case-study-banner-box
     .case-study-common
     .case-study-banner-text-img
     img {
     display: inline-block;
 }
 .cs-head-logo .logo-break {
     color: #d1c0fb;
 }
 .ht_page_wrapper.case-study-detail-page .main-case-study-banner.video-with-case-study {
    margin: 30px auto 0;
}

.ht_page_wrapper.case-study-detail-page  .case-study-video-section  .page-container {
    width: 1150PX;
    margin: 0 auto;
    max-width: 100%;
}
.ht_page_wrapper.case-study-detail-page  .case-study-video-section  {
    padding: 50px 0 15.98vh;
}
.case-study-video-wrap{text-align: center; width: 70%;    margin: 0 auto;}
.ht_page_wrapper.case-study-detail-page .case-study-video-section iframe.case-study-video {
    height: 500px;
    width: 90%;
    border-radius: 10px
}
.ht_page_wrapper.case-study-detail-page  .case-study-video-section .cs-target-inner.font-fam-mont p {
    font-size: clamp(16px, 1.05vw, 18px);
    padding: 20px 12vw 70px;
    text-align: center;
}
/* -------------launch-camp start------------ */
.ht_page_wrapper.case-study-detail-page .cs-launch-camp {
    margin-top: -90px;
    padding-top: 150px;
 }
 .ht_page_wrapper.case-study-detail-page .cs-head-logo {
    padding: 1.4vw 6.5vw;
    width: 51%;
    align-items: center;
 }


 .ht_page_wrapper h3.case-study-launch-title {
    margin: 6vh 0 9.4vh;
    font-size: 1.6vw;
    font-weight: 400;
    color: #d1c0fb;
    text-align: center;
}
.ht_page_wrapper.case-study-detail-page .cs-launch-camp .cs-launch-camp-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ht_page_wrapper.case-study-detail-page .cs-launch-camp .cs-launch-camp-inner .cs-brand-title {
    padding-top: 0;
    width: 60%;
}
.ht_page_wrapper.case-study-detail-page .cs-launch-camp .cs-launch-camp-inner .cs-brand-title h1 {
    font-size: 2.8vw;
    font-weight: bold;
    line-height: 1.3;
}
 /* -----------launch-camp end--------------- */
/* ---------about-brand start---------- */

 .ht_page_wrapper.case-study-detail-page .cs-about-brand.cs-top-bot-pad {
    padding: 12vh 0 10.1vh;
 }

 .ht_page_wrapper.case-study-detail-page .cs-inner-heading {
    font-size: 2.2vw;
 }
 .ht_page_wrapper.case-study-detail-page .cs-about-brand.cs-top-bot-pad .brand-detail-wrapper .brand-cont-detail {
    width: 60%;
 }
 .ht_page_wrapper.case-study-detail-page p.inner-cont-width60 {
    width: 66%;
 }
 .ht_page_wrapper.case-study-detail-page .cs-about-brand.cs-top-bot-pad .brand-detail-wrapper .brand-img {
    width: auto;
 }

 .ht_page_wrapper.case-study-detail-page .cs-about-brand.cs-top-bot-pad .brand-detail-wrapper .brand-img img {
    width: auto;
    margin: unset;
}
.ht_page_wrapper.case-study-detail-page .cs-about-brand .brand-detail-wrapper.display-flex.space-between {
    align-items: center;
}
 /* -----------about-brand end--------------- */

/* ---------brand-ask start---------- */
.ht_page_wrapper.case-study-detail-page .brand-ask.cs-top-bot-pad {
    padding: 11.1vh 0 5.97vh;
}
.ht_page_wrapper.case-study-detail-page .brand-ask .brand-sub-heading {
    padding: 40px 0 30px 0;
}
.ht_page_wrapper.case-study-detail-page .brand-single-card {
    padding: 0 39px 39px;
    margin: 0 0 20px;
    background: transparent;       
    border-radius: unset;   
}
.ht_page_wrapper.case-study-detail-page .brand-single-card .brand-single-card-inner {
    background: #a7e6ff;
    padding: 85px 57px 65px;
    text-align: center;
    border-radius: 40px;
    height: 100%;
    box-shadow: 2px 18px 18px rgba(45, 154, 196, .15);
}
.ht_page_wrapper.case-study-detail-page .brand-single-card .inner-card-heading {
    font-size: 1.8vw;
    margin-bottom: 19px;
}

.ht_page_wrapper.case-study-detail-page .brand-ask .brand-detail-wrapper.display-flex.space-between {
    margin: 0 auto;
}
.ht_page_wrapper.case-study-detail-page .brand-ask .brand-detail-wrapper.display-flex.space-between .brand-single-card-wrapper {
    display: flex;
    margin: 0 -35px;
    flex-wrap: wrap;
}

/* --------brand-ask end----------- */
/* --------target start----------- */
.ht_page_wrapper.case-study-detail-page  .cs-target-group.cs-top-bot-pad {
    padding: 10vh 0;
}
.ht_page_wrapper.case-study-detail-page .cs-target-group .brand-sub-heading {
    padding: 40px 0 28px 0;
}
.ht_page_wrapper.case-study-detail-page .cs-target-group .cs-target-inner p {
    margin-bottom: 22px;
}
.ht_page_wrapper.case-study-detail-page .cs-target-group .target-detail-wrapper {
    padding: 52px 0 0;
    flex-wrap: wrap;
}
.ht_page_wrapper.case-study-detail-page .cs-target-group .target-detail-wrapper .target-inner-insight .cstarget-icon img {
    margin: -20px auto 33px auto;
}
.ht_page_wrapper.case-study-detail-page .cs-target-group .target-detail-wrapper .target-inner-insight {
    width: 33.33%;
    padding: 0;
}
.ht_page_wrapper.case-study-detail-page .cs-target-group .target-detail-wrapper .target-inner-insight:nth-child(3n) {
    border: none;
}
/* --------target end----------- */
/* --------testimonial  start----------- */

.ht_page_wrapper.case-study-detail-page .cs-testimonial.cs-top-bot-pad {
    padding: 8.71vh 0 8.34vh;
}
.ht_page_wrapper.case-study-detail-page .cs-testimonial .brand-sub-heading {
    padding: 40px 0 48px 0;
}
.ht_page_wrapper.case-study-detail-page .cs-testimonial .testimonials-wrapper .customer-pic {
     width: 35%;
}
.ht_page_wrapper.case-study-detail-page .cs-testimonial .testimonials-wrapper .testimonials-content {
    padding: 60px 10px;
    width: 65%;
}
.ht_page_wrapper.case-study-detail-page .testimonials-wrapper {
    margin: 70px auto 0;
    width: 87%;
}
.ht_page_wrapper.case-study-detail-page .cs-testimonial .owl-nav .owl-prev span,
 .ht_page_wrapper.case-study-detail-page .cs-testimonial .owl-nav .owl-next span {
     color: transparent;
     position: relative;
     font-size: 20px;
     border: 1px solid #aaaaaa;
     border-radius: 50%;
     height: 46px;
     width: 46px;
     display: flex;
     justify-content: center;
     align-items: center;
 }
 .ht_page_wrapper.case-study-detail-page .cs-testimonial .owl-nav .owl-prev span:hover,
 .ht_page_wrapper.case-study-detail-page .cs-testimonial .owl-nav .owl-next span:hover {
     border: 1px solid #ffcc3a;
 }
 
 .ht_page_wrapper.case-study-detail-page .cs-testimonial .owl-nav .owl-prev span::after,
 .ht_page_wrapper.case-study-detail-page .cs-testimonial .owl-nav .owl-next span::after {
     content: "\f061";
     position: absolute;
     font-family: "Font Awesome 5 Free";
     font-weight: 400;
     color: #aaaaaa;
 }
 .ht_page_wrapper.case-study-detail-page .cs-testimonial .owl-nav .owl-prev:hover span::after,
 .ht_page_wrapper.case-study-detail-page .cs-testimonial .owl-nav .owl-next:hover span::after {
     color: #ffcc3a;
 }
 .ht_page_wrapper.case-study-detail-page .cs-testimonial .owl-nav .owl-prev span::after {
     content: "\f060";
 }
 .ht_page_wrapper.case-study-detail-page .owl-carousel .owl-dots.disabled,
 .ht_page_wrapper.case-study-detail-page .owl-carousel .owl-nav.disabled {
    display: block;
 }
 .ht_page_wrapper.case-study-detail-page .cs-testimonial .owl-nav .owl-prev {
      left: -100px;
 }
 .ht_page_wrapper.case-study-detail-page .cs-testimonial .owl-nav .owl-next {
     right: -100px;
 }
 .ht_page_wrapper.case-study-detail-page .cs-testimonial .owl-nav .owl-prev,
 .ht_page_wrapper.case-study-detail-page .cs-testimonial .owl-nav .owl-next {
    top:35%;
 }
 .ht_page_wrapper.case-study-detail-page .testimonials-content .customer-name {
    padding: 30px 0 15px;
    font-size: 1.8vw;
}
.ht_page_wrapper.case-study-detail-page .testimonials-wrapper.owl-carousel .testimnials-container .testimonials-content form:first-of-type {
    margin-top: 1rem;
}
.ht_page_wrapper.case-study-detail-page .testimonials-content .description {
    font-size: clamp(16px, 1.05vw, 18px);
}

/* --------testimonial  end----------- */
/* --------our-approach  start----------- */


.ht_page_wrapper.case-study-detail-page .cs-our-approach.cs-top-bot-pad {
    padding: 10vh 0 9.26vh;
}
.ht_page_wrapper.case-study-detail-page .cs-our-approach .brand-sub-heading {
    padding: 40px 0 45px 0;
}
.ht_page_wrapper.case-study-detail-page  .cs-our-approach .brand-detail-wrapper .brand-cont-detail {
     width: 60%;
}
.ht_page_wrapper.case-study-detail-page  .cs-our-approach .brand-detail-wrapper .brand-img {
    width: auto;
}
.ht_page_wrapper.case-study-detail-page  .cs-our-approach .brand-detail-wrapper .brand-img  img {
    width: auto;
    margin: unset;
}
.ht_page_wrapper.case-study-detail-page .cs-our-approach .our-app-inner-content p {
    font-size: clamp(16px, 1.05vw, 18px);
    margin-bottom: 0;
    width: 66%;
}
/* --------our-approach  end----------- */
/* --------camp-execution   Start----------- */

.ht_page_wrapper.case-study-detail-page .cs-camp-execution.cs-top-bot-pad {
    padding: 14.82vh 0 10vh;
}
.ht_page_wrapper.case-study-detail-page .cs-camp-execution .brand-detail-wrapper .brand-cont-detail{
   width: 60%;
}
.ht_page_wrapper.case-study-detail-page .cs-camp-execution .brand-detail-wrapper .brand-img{
    width: auto;
}
.ht_page_wrapper.case-study-detail-page .cs-camp-execution .brand-detail-wrapper .brand-img img{
    width: auto;
    margin: unset;
}
.ht_page_wrapper.case-study-detail-page .cs-camp-execution .brand-detail-wrapper .our-app-inner-content {
    font-size: clamp(16px, 1.05vw, 18px);
    padding-right: unset;
    width: 66%;
}
/* --------camp-execution   end----------- */
/* --------brand-measure   Start----------- */


.ht_page_wrapper.case-study-detail-page .brand-measure.cs-top-bot-pad.bg-aliceBlue {
    padding: 17.41vh 0 55vh;
}
.ht_page_wrapper.case-study-detail-page .brand-measure .brand-detail-wrapper .brand-cont-detail {
     width: 60%;
}
.ht_page_wrapper.case-study-detail-page .brand-measure .cs-inner-content {
    font-size: clamp(16px, 1.05vw, 18px);
    width: 66%;
}
    .ht_page_wrapper.case-study-detail-page .cs-inner-content {
    font-size: clamp(16px, 1.05vw, 18px);
}
.ht_page_wrapper.case-study-detail-page .brand-measure .brand-detail-wrapper .brand-img {
    width: auto;
}
.ht_page_wrapper.case-study-detail-page .brand-measure .brand-detail-wrapper .brand-img img {
    width: auto;
    margin: unset;
}
/* --------brand-measure   end----------- */
/* --------brand-measure-result  start----------- */

.ht_page_wrapper.case-study-detail-page .brand-measure-result {
    margin-top: -44vh;
   
}
.ht_page_wrapper.case-study-detail-page .cs-measure-result {
    margin-top: unset;
}

.ht_page_wrapper.case-study-detail-page .cs-measure-result .cs-m-heading {
    padding: 15px 103px 15px 87px;
    font-size: 2.2vw;
}
.ht_page_wrapper.case-study-detail-page .brand-measure .cs-inner-heading {
    padding: 25px 0 32px;
}

/* --------brand-measure-result  end----------- */
/* --------cs-launch-camp  Start----------- */
.ht_page_wrapper.case-study-detail-page .cs-launch-camp .cs-launch-camp-inner ul.cs-share-li li {
    padding: 0 15px;
}
.ht_page_wrapper.case-study-detail-page .cs-launch-camp  .cs-launch-camp-inner ul.cs-share-li li:last-child {
    padding: 0 0 0 15px;
}
.ht_page_wrapper.case-study-detail-page .cs-launch-camp .cs-launch-camp-inner .cs-share-icons span {
    font-size: 1.5vw;
    font-weight: 500;
}
.ht_page_wrapper.case-study-detail-page .cs-launch-camp  .cs-launch-camp-inner ul.cs-share-li {
    padding-left: 0;
}

.ht_page_wrapper.case-study-detail-page .cs-launch-camp .client-cat-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    align-items: center;
}

.ht_page_wrapper.case-study-detail-page .cs-launch-camp .client-cat-wrap .client-cat-item {
    width: 33.33%;
    padding-left: 15px;
    padding-right: 15px; 
    position: relative;
}
.ht_page_wrapper.case-study-detail-page .cs-launch-camp .client-cat-wrap .client-cat-item::after {
    content: "";
    position: absolute;
    top: 0;
    left: auto;
    right: 25%;
    height: 30px;
    width: 1px;
    background-color: #fff;
}
.ht_page_wrapper.case-study-detail-page .cs-launch-camp .client-cat-wrap .client-cat-item p {
    font-size: clamp(18px, 1.05vw, 20px);
    font-weight: 300;
    color: #e4d9ff;
    font-family: 'Source Serif 4', serif;
    width: calc(100% - 115px);
    margin-bottom: 20px;
}
.ht_page_wrapper.case-study-detail-page .cs-launch-camp .client-cat-wrap .client-cat-item p strong {
    font-weight: 700;
}
.ht_page_wrapper.case-study-detail-page .cs-launch-camp .client-cat-wrap .client-cat-item:nth-child(3n)::after,
.ht_page_wrapper.case-study-detail-page .cs-launch-camp .client-cat-wrap .client-cat-item:last-child::after {
    display: none;
}
.ht_page_wrapper.case-study-detail-page .cs-launch-camp .client-cat-sol {
    padding: 30px 50px 10px;
}
.ht_page_wrapper.case-study-detail-page .cs-launch-camp .client-cat-wrap .client-cat-item:last-child p,
.ht_page_wrapper.case-study-detail-page .cs-launch-camp .client-cat-wrap .client-cat-item:nth-child(3n) p {
    width: 100%;
}
/* --------cs-launch-camp  end----------- */
/* --------cs-highlight-sec end----------- */

/* --------cs-highlight-sec end----------- */
 .cs-launch-camp .cs-launch-camp-inner .cs-share-icons {
     padding-top: 0;
 }
 .cs-launch-camp .client-cat-sol {
     width: 100%;
 }
 .cs-launch-camp-inner .client-cat-sol {
     padding: 30px 20px;
 }
 .ht_page_wrapper.case-study-detail-page .brand-single-card .inner-card-text {
     font-size: clamp(16px, 1.05vw, 18px);
 }
 .ht_page_wrapper.case-study-detail-page .cs-target-group .cs-target-inner p {
     font-size: clamp(16px, 1.05vw, 18px);
 }
 .ht_page_wrapper.case-study-detail-page .target-inner-insight p {
     font-size: clamp(16px, 1.05vw, 18px);
 }
 .ht_page_wrapper.case-study-detail-page .cs-result-content ul li {
     font-size: clamp(16px, 1.05vw, 18px);
     position: relative;
 }
 .ht_page_wrapper.case-study-detail-page .cs-result-content ul li::after {
     position: absolute;
     content: "";
     background-image: url(assets/casestudypage/tick.png);
     width: 30px;
     height: 30px;
     top: 0;
     left: 0;
     right: auto;
 }
 
 .ht_page_wrapper.case-study-detail-page .client-cat-sol ul.cs-ccs li {
     padding-right: 10%;
     font-size: clamp(18px, 1.05vw, 20px);
 }
 
 .ht_page_wrapper.case-study-detail-page .cs-industry-insight .container-insights {
    width: 1150px;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: center;
}
.ht_page_wrapper.case-study-detail-page .cs-industry-insight .container-insights .flip-box {
    margin: 0 2.6vw 50px 0;
}
.ht_page_wrapper.case-study-detail-page .cs-industry-insight .container-insights .flip-box:nth-child(3n) {
    margin: 0 0 50px ;
}
.ht_page_wrapper.case-study-detail-page .cs-industry-insight .flip-box:nth-child(3n - 2) .flip-box-front {
    background-color: #a37be3;
    color: #552ab3;
}
.ht_page_wrapper.case-study-detail-page .cs-industry-insight .flip-box:nth-child(3n - 1) .flip-box-front {
    background-color: #a7e6ff;
    color: #2d9ac4;
}
.ht_page_wrapper.case-study-detail-page .cs-industry-insight .flip-box:nth-child(3n) .flip-box-front {
    background-color: #ffd561;
    color: #cf9900;
}
 .ht_page_wrapper.case-study-detail-page .customer-pic img {
     width: auto;
 }
 .ht_page_wrapper.case-study-detail-page .top-down-arrow.brand-ask.bg-aliceBlue {
     margin-bottom: 90px;
 }
 .ht_page_wrapper.case-study-detail-page .cs-result-content ul {
     padding: 6% 0 0 10%;
 }
 .ht_page_wrapper.case-study-detail-page .brand-sub-heading {
     font-size: 2.2vw;
 }

 
 .ht_page_wrapper.case-study-detail-page .cs-camp-execution .inner-card-heading {
     font-size: 2.2vw;
 }

 .ht_page_wrapper.case-study-detail-page .highlight-heading {
     font-size: 2.2vw;
     padding: 50px 0 50px 0;
 }
 .ht_page_wrapper.case-study-detail-page .highlight-sub-heading {
     font-size: 1.95vw;
     padding: 20px 0;
 }
 .ht_page_wrapper.case-study-detail-page .cs-highlight-sec  .results-wrap-conatiner {
    flex-wrap: wrap;
    margin-left: -25px;
    margin-right: -25px
 }
 .ht_page_wrapper.case-study-detail-page .cs-highlight-sec  .results-wrap-conatiner .result-wrapper {
    width: 50%;
    padding-left: 25px;
    padding-right: 25px;
    margin: 0 0 45px 0;
 }
 .ht_page_wrapper.case-study-detail-page .cs-highlight-sec {
    padding: 100px 0 55px
 }
 .ht_page_wrapper.case-study-detail-page .highlight-paragraph {
     padding: 25px 30px 50px;
     line-height: 1.3;
 }
 .ht_page_wrapper.case-study-detail-page
     .cs-industry-insight.bg-aliceBlue
     .top-down-arrow
     .brand-sub-heading.font-fam-sserif {
     padding: 150px 0 20px 0;
 }
 
 .ht_page_wrapper.case-study-detail-page .flip-box-front p.heading,
 .ht_page_wrapper.case-study-detail-page .flip-box-back p.heading {
     font-size: 1.2vw;
     line-height: 1.2;
 }
 .ht_page_wrapper.case-study-detail-page .flip-box-back p.inner-content {
     font-size: clamp(14px, 1.05vw, 16px);
 }
 .ht_page_wrapper.case-study-detail-page .cs-industry-insight {
    margin-bottom: 80px;
    padding-bottom: 50px;
 }


 .ht_page_wrapper.case-study-detail-page .cs-testimonial.cs-industry-insight {
     display: none
 }
 .ht_page_wrapper.case-study-detail-page .brand-img img {
     width: 65%;
     margin: 0 auto;
 }


 .ht_page_wrapper.case-study-detail-page .cs-target-group .target-detail-wrapper {
     width: 75%;
 }
.flip-img {
    height: 120px;
}
.ht_page_wrapper.case-study-detail-page .cs-industry-insight .flip-box-front {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    justify-items: center;
}
.ht_page_wrapper.case-study-detail-page .cs-industry-insight .flip-box-front .flip-img img {
    margin: 0 auto 50px;
}
 /* Main Banner css end */
 
 /* Case Study Detail responsive */
 @media screen and (max-width: 1700px) {
     .ht_page_wrapper.case-study-detail-page .brand-measure-result.cs-top-bot-pad {
         margin-top: -34%;
     }
 }
 
 @media screen and (max-width: 1680px) {    
     .ht_page_wrapper.case-study-detail-page .client-cat-sol ul.cs-ccs li {
         padding-right: 8%;
     }
   
     .ht_page_wrapper.case-study-detail-page .cs-result-content ul {
         width: 95%;
     }
     .ht_page_wrapper.case-study-detail-page .cs-measure-result .cs-m-img-l img {
         width: 54vw;
     }
     .ht_page_wrapper.case-study-detail-page .brand-measure-result.cs-top-bot-pad {
         margin-top: -39%;
     }
     .ht_page_wrapper.case-study-detail-page .cs-testimonial.cs-top-bot-pad {
         padding: 100px 0 40px;
     }
 }
 
 @media screen and (max-width: 1440px) {
     .cs-head-logo {
         padding: 25px 80px;
     }
     .ht_page_wrapper.case-study-detail-page .client-cat-sol ul.cs-ccs li {
         padding-right: 5%;
     }
     .ht_page_wrapper.case-study-detail-page p.inner-cont-width60 {
         width: 80%;
     }
 
     .cs-top-bot-pad.cs-testimonial {
         padding: 70px 0 0;
     }
     .ht_page_wrapper.case-study-detail-page .highlight-paragraph {
         min-height: 155px;
         font-size: 16px;
     }
     .ht_page_wrapper.case-study-detail-page .brand-measure-result.cs-top-bot-pad {
         margin-top: -46%;
     }
     .ht_page_wrapper.case-study-detail-page .cs-testimonial .testimonials-wrapper .testimonials-content {
        padding: 40px 10px;
     }
     
 }
 @media screen and (max-width: 1400px) {
     .ht_page_wrapper.case-study-detail-page .cs-measure-result .cs-m-img-l img {
         width: 68vw;
     }
     .ht_page_wrapper.case-study-detail-page .cs-industry-insight .container-insights {
         width: auto;
         margin: unset;
     }
     .ht_page_wrapper.case-study-detail-page .brand-ask  .brand-detail-wrapper.display-flex.space-between {
         width: auto;
         margin: unset;
     }
     .ht_page_wrapper.case-study-detail-page .cs-industry-insight .container-insights .flip-box {
        margin: 0 2.4vw 50px 0;
    }
 }
 @media screen and (max-width: 1280px) {
     .ht_page_wrapper.case-study-detail-page .customer-pic img {
         width: 310px;
     }
 }
 @media screen and (max-width: 1199px) {     
     .ht_page_wrapper.case-study-detail-page .main-case-study-banner .case-study-banner-box .case-study-common {
         width: auto;
     }
    
     .ht_page_wrapper.case-study-detail-page .brand-measure-result.cs-top-bot-pad {
         margin-top: -53%;
     }
     .cs-head-logo {
         padding: 25px 60px;
         align-items: center;
     }
     .cs-industry-insight .container-insights .flip-box {
         width: 330px;
         height: 330px;
     }
     .ht_page_wrapper.case-study-detail-page .cs-result-content ul {
         width: 100%;
     }
     .ht_page_wrapper.case-study-detail-page .cs-measure-result .cs-m-img-l img {
         width: 70vw;
     }
     .ht_page_wrapper.case-study-detail-page .flip-box-front p.heading,
     .ht_page_wrapper.case-study-detail-page .flip-box-back p.heading {
         font-size: 1.5vw;
     }
     .ht_page_wrapper.case-study-detail-page .client-cat-sol ul.cs-ccs li {
         font-size: clamp(16px, 1.05vw, 18px);
     }
     .ht_page_wrapper.case-study-detail-page .testimonials-wrapper {
        width: 80%;
     }
     .ht_page_wrapper.case-study-detail-page .cs-testimonial .testimonials-wrapper .testimonials-content {
        padding: 5px 25px;
        width: 65%;
    }
    .ht_page_wrapper.case-study-detail-page .cs-industry-insight .container-insights .flip-box {
        margin: 0 5.3vw 50px 0;
    }
    .ht_page_wrapper.case-study-detail-page .case-study-video-section .page-container  {
        padding-inline: 12px;
    }
 }
 @media screen and (max-width: 1110px) {
    .ht_page_wrapper.case-study-detail-page .cs-industry-insight .container-insights .flip-box {
        margin: 0 5vw 50px 0;
    }
    .ht_page_wrapper.case-study-detail-page .cs-industry-insight .container-insights .flip-box {
        width: 320px;
    }
 }

 @media screen and (max-width: 1050px) {
     .ht_page_wrapper.case-study-detail-page .cs-measure-result .cs-m-img-l img {
         width: 120vw;
     }
     .ht_page_wrapper.case-study-detail-page .cs-industry-insight .container-insights .flip-box {
         width: 250px;
         margin: 0 3vw 50px 0;
     }
     .ht_page_wrapper.case-study-detail-page p.inner-cont-width60 {
         width: 85%;
     }
   
     .ht_page_wrapper.case-study-detail-page .testimonials-content {
         padding: 15px 20px;
     }
     .ht_page_wrapper.case-study-detail-page .testimonials-content .customer-name {
         padding: 15px 0 10px;
     }
     .cs-head-logo .ht-white-logo img,
     .cs-head-logo .brand-logo img {
         width: auto;
         height: 55px;
     }
     .ht_page_wrapper.case-study-detail-page .brand-cont-detail.font-fam-mont.our-app-inner-content.pad-rit-60 {
         padding-right: 60px;
     }
     .ht_page_wrapper.case-study-detail-page .cs-top-bot-pad {
         padding: 70px 0 100px;
     }
     .ht_page_wrapper.case-study-detail-page .testimonials-wrapper {
        width: 70%;
    }
 }
 @media screen and (max-width: 1000px) {
     .ht_page_wrapper.case-study-detail-page .client-cat-sol {
         padding: 30px 20px;
     }
     .ht_page_wrapper.case-study-detail-page .cs-testimonial.cs-top-bot-pad {
         padding: 70px 0 40px;
     }
   
     .ht_page_wrapper.case-study-detail-page .highlight-paragraph {
         min-height: 180px;
     }
     .cs-head-logo {
         padding: 25px 50px;
     }
 }
 @media screen and (max-width: 991px) {
    .ht_page_wrapper.case-study-detail-page .cs-launch-camp .client-cat-wrap .client-cat-item {
        width: 50%;
    }
    .ht_page_wrapper.case-study-detail-page .cs-launch-camp .client-cat-wrap .client-cat-item:last-child p,
     .ht_page_wrapper.case-study-detail-page .cs-launch-camp .client-cat-wrap .client-cat-item:nth-child(3n) p {
        width: calc(100% - 115px);
     }
     .ht_page_wrapper.case-study-detail-page .cs-launch-camp .client-cat-wrap .client-cat-item:last-child p,
     .ht_page_wrapper.case-study-detail-page .cs-launch-camp .client-cat-wrap .client-cat-item:nth-child(2n) p {
        width: 100%;
     }
    .ht_page_wrapper.case-study-detail-page .cs-launch-camp .client-cat-wrap .client-cat-item:nth-child(3n)::after,
    .ht_page_wrapper.case-study-detail-page .cs-launch-camp .client-cat-wrap .client-cat-item:last-child::after {
        display: block  ;
    }
    .ht_page_wrapper.case-study-detail-page .cs-launch-camp .client-cat-wrap .client-cat-item:nth-child(2n)::after,
    .ht_page_wrapper.case-study-detail-page .cs-launch-camp .client-cat-wrap .client-cat-item:last-child::after {
        display: none  ;
    }
    .ht_page_wrapper.case-study-detail-page .cs-launch-camp .client-cat-wrap .client-cat-item::after {
        right: 15%;
    }
    .ht_page_wrapper.case-study-detail-page .cs-industry-insight .container-insights .flip-box {
        margin: 0 2vw 50px 0;
    }
 }
 @media screen and (max-width: 805px) {
     .cs-head-logo {
         padding: 25px 35px;
     }
     .ht_page_wrapper.case-study-detail-page .client-cat-sol ul.cs-ccs li {
         font-size: clamp(15px, 1.05vw, 16px);
         padding-right: 3%;
     }
     .ht_page_wrapper.case-study-detail-page p.inner-cont-width60 {
         width: 95%;
     }
    
     .ht_page_wrapper.case-study-detail-page .cs-result-content ul li {
         font-size: clamp(14px, 1.05vw, 16px);
     }
     .ht_page_wrapper.case-study-detail-page .highlight-paragraph {
         font-size: clamp(14px, 1.05vw, 16px);
     }
     .ht_page_wrapper.case-study-detail-page
         .cs-industry-insight.bg-aliceBlue
         .top-down-arrow
         .brand-sub-heading.font-fam-sserif {
         padding: 70px 0 0 0;
     }
     .ht_page_wrapper.case-study-detail-page .flip-box-back {
         padding: 50px 15px;
     }
     .ht_page_wrapper.case-study-detail-page .flip-box-back p.inner-content {
         line-height: 21px;
     }
     .cs-industry-insight .container-insights .flip-box {
         width: 240px;
     }
     .cs-head-logo .ht-white-logo img,
     .cs-head-logo .brand-logo img {
         width: auto;
         height: 40px;
     }
     .ht_page_wrapper.case-study-detail-page .brand-cont-detail.font-fam-mont.our-app-inner-content.pad-rit-60 {
         padding-right: 22px;
     }
     .ht_page_wrapper.case-study-detail-page .cs-camp-execution .our-app-inner-content {
         padding-right: 15%;
         font-size: clamp(14px, 1.05vw, 16px);
     }
     .ht_page_wrapper.case-study-detail-page .cs-inner-content {
         font-size: clamp(14px, 1.05vw, 16px);
     }
     .ht_page_wrapper.case-study-detail-page .brand-single-card .inner-card-text {
         font-size: clamp(14px, 1.05vw, 16px);
     }
     .ht_page_wrapper.case-study-detail-page .cs-target-group .cs-target-inner p {
         font-size: clamp(14px, 1.05vw, 16px);
     }
     .ht_page_wrapper.case-study-detail-page .target-inner-insight p {
         font-size: clamp(14px, 1.05vw, 16px);
     }
     .ht_page_wrapper.case-study-detail-page .testimonials-content .description {
         font-size: clamp(14px, 1.05vw, 16px);
     }
     .ht_page_wrapper.case-study-detail-page .our-app-inner-content p {
         font-size: clamp(14px, 1.05vw, 16px);
     }
     .ht_page_wrapper.case-study-detail-page .cs-result-content ul li {
         font-size: clamp(14px, 1.05vw, 16px);
     }
     .ht_page_wrapper.case-study-detail-page .cs-testimonial .owl-nav .owl-next {
         right: -72px;
     }
     .ht_page_wrapper.case-study-detail-page .cs-industry-insight .container-insights .flip-box {
        width: 230px;       
    }
 }

 @media screen and (max-width: 575px) {
     .ht_page_wrapper.case-study-detail-page .brand-measure-result.cs-top-bot-pad {
         margin-top: -67%;      
     }
 }
 @media screen and (max-width: 480px) {
     .cs-about-brand .top-down-arrow {
         margin-bottom: 0;
     }   
     .ht_page_wrapper.case-study-detail-page .cs-top-bot-pad.cs-about-brand  {
         padding: 15px 0 0;
     } 
   
     .ht_page_wrapper.case-study-detail-page .cs-testimonial .brand-sub-heading {
         padding: 0 72px 0;
     }
     .ht_page_wrapper.case-study-detail-page .brand-measure .top-down-arrow {
         margin-bottom: 0;
     }
     .ht_page_wrapper.case-study-detail-page .cs-testimonial.cs-industry-insight .brand-sub-heading {
         padding: 0 60px 20px;
     }
     .ht_page_wrapper.case-study-detail-page .ht-white-logo img, 
     .ht_page_wrapper.case-study-detail-page .brand-logo img {
        height: 30px !important;
        width: auto !important;
    }
    .ht_page_wrapper.case-study-detail-page .brand-measure-result {
        margin-top: -42vh;
    }
 }
 @media screen and (max-width: 370px) {
    .ht_page_wrapper.case-study-detail-page .cs-industry-insight .container-insights .flip-box {      
        width: 200px;
        height: 315px;
    }
 }

 .ht_page_wrapper.case-study-detail-page .brand-measure-result.mt-measure-result-0 {
    margin-top: 0 !important;
 }
 /*========== Case Study Detail Page CSS End ==========*/
 
/*========== digital Page CSS Start ==========*/
  /* Printing Industry Section CSS Start */
  .ht_page_wrapper .main-printing-industry .h2-title {
    color: var(--white-color);
 }
 .ht_page_wrapper .main-printing-industry  .page-title-content .line {
    background: var(--white-color);
 }
 .ht_page_wrapper .main-printing-industry  .printing-industry-wrap-box ul li p {
    color: var(--white-color);
 }
 /* Printing Industry Section CSS End */

/* Drive Purchase Decisions Section CSS Start */
/* Drive Purchase Decisions Section CSS End */
.mob-accordian-link {
    display: none;
}
.mob-main-display-format {
    display: none;
 }
 .ht_page_wrapper.digital_page_main .desk-main-display-format .display-format-tab-wrap .display-format-tab-box.learn-more .link-arrow {
    padding-top: 30px;
 }
@media screen and (max-width: 767px) {
    .ht_page_wrapper.digital_page_main .page-container {
        padding-inline: 25px;
    }
    .ht_page_wrapper .printing-industry-title {
        max-width: 100%;
    } 
    .ht_page_wrapper .printing-industry-wrap-box ul li .h2-title {
        font-size: 20px;
    }
    .ht_page_wrapper .printing-industry-wrap-box ul li p {
        font-size: 10px;
    }
    .ht_page_wrapper .printing-industry-wrap-box ul {        
        width: 66%;
    }
    .ht_page_wrapper .printing-industry-wrap-box ul li {
        height: 45px;
        width: 82px;
    }
    .ht_page_wrapper .printing-industry-wrap-box ul li:first-child {
        display: none;
    }
    .ht_page_wrapper .drive-purchase-title .h2-title {
        max-width: 92%;
    }
    .ht_page_wrapper .main-drive-purchase .drive-purchase-list {
        display: block;
        margin-top: 7vh;
    }
    .ht_page_wrapper .main-drive-purchase .drive-purchase-list-box {
        /* width: 66%; */
        width: 100%;
        max-width: 100%;
        margin-bottom: 60px;
    }
    .ht_page_wrapper .main-drive-purchase .drive-purchase-list-box:last-child {
        margin-bottom: 0;
    }
    .ht_page_wrapper .drive-purchase-title .page-title-content {
        gap: 0 10px;
        margin-top: 6px;
    }
    .ht_page_wrapper .drive-purchase-title .drive-purchase-list-icon {
        margin-bottom: 6px;
    }
    .ht_page_wrapper .drive-purchase-list-box .h3-title {
        line-height: 35px;
        margin-bottom: 0;
    }
    .ht_page_wrapper .digital-portfolio-slider .slick-arrow.next-arrow {
        left: 0;
        margin-right: 0;
    }
    .ht_page_wrapper .digital-portfolio-slider .slick-arrow {
        transform: none;
    }
    .ht_page_wrapper .main-digital-portfolio .digital-portfolio-bottom .digital-portfolio-slider.slick-slider {
        justify-content: center;
    }
    
    .ht_page_wrapper .main-drive-purchase {
        position: relative;
        padding: 7.1vh 0px 10.5vh;
    }
    
    .ht_page_wrapper .digital-portfolio-slider .slick-dots:before,
     .ht_page_wrapper .digital-portfolio-slider .slick-dots:after {
        display: none;
    }
    .ht_page_wrapper .digital-portfolio-slider.slick-slider {
        justify-content: center;
        width: 100%;
        margin-left: 0;
    }
    .ht_page_wrapper .digital-portfolio-top .digital-portfolio-slider.slick-slider {
        width: 100%;
        margin-left: 0;
    }
    .ht_page_wrapper .main-targeting-capabilities .targeting-capabilities-title .link-arrow .h2-title {
        width: 100%;
    }   
    .ht_page_wrapper .main-targeting-capabilities .targeting-capabilities-accordian-wrap {
        flex-flow: column-reverse;
        margin-top: 35px;
    } 
    .ht_page_wrapper .main-targeting-capabilities {
        padding-block: 5.5vh 6.2vh;
    }
    .ht_page_wrapper .main-targeting-capabilities .targeting-capabilities-title .page-title-content {
        gap: 0 10px;
        margin-top: 6px;
    }
    .ht_page_wrapper .main-targeting-capabilities .targeting-accordian-wrap {
        width: 100%;
        padding-left: 0;
    }
    .ht_page_wrapper .main-targeting-capabilities .targeting-capabilities-accordian .targeting-accordian-title {
        font-size: 16px;
        line-height: 20px;
        font-weight: 700;
    }
    .ht_page_wrapper .main-targeting-capabilities .targeting-capabilities-accordian-wrap .targeting-accordian-wrap .targeting-accordian-text p {
        font-size: clamp(10px, 2.7vw, 12px);
        line-height: 1.68;
    }
    .ht_page_wrapper .main-targeting-capabilities .targeting-capabilities-accordian-wrap .targeting-accordian-box:not(:last-child) {
        margin-bottom: 18px;
        padding-bottom: 16px;
    }
    .ht_page_wrapper .main-targeting-capabilities .targeting-capabilities-accordian-wrap .targeting-accordian-title:after {
        width: 2px;
    height: 20px;
    right: 9px;
    }
    .ht_page_wrapper .main-targeting-capabilities .targeting-capabilities-accordian-wrap .targeting-accordian-title:before {
        width: 20px;
    }
    .ht_page_wrapper .targeting-capabilities-accordian {
        margin-bottom: 34px;
    }
    .ht_page_wrapper .targeting-capabilities-accordian-img {
        width: 100%;
    }
    .ht_page_wrapper .targeting-capabilities-accordian-img img {
        width: 86.9vw;
    }
    .mob-accordian-link {
        display: block;
        margin: 0 auto;
        padding: 16px 0 0;
    }  
    .desk-accordian-link {
        display: none;
    }
    .ht_page_wrapper.digital_page_main .main-digital-blog {
        padding-block: 6.04vh 4.5vh;
    }
    .ht_page_wrapper.digital_page_main .main-digital-blog .digital-blog-img {
        width: 100%;       
    }
    .ht_page_wrapper.digital_page_main .main-digital-blog .digital-blog-img img {
        border-radius: 6px 6px 0 0;
    }
    .ht_page_wrapper.digital_page_main .main-digital-blog .digital-blog-box {
        display: block;
        border: 1px solid #BCBCBC;
        border-radius: 6px;
    }
    .ht_page_wrapper.digital_page_main .main-digital-blog .digital-blog-content .h4-title {
        font-size: 18px;
        line-height: 23px;
        margin-bottom: 10px;
    }
    .ht_page_wrapper.digital_page_main .main-digital-blog .digital-blog-content{
        padding: 10px 10px 24px 20px;
       padding-left:20px;
    }
    .ht_page_wrapper.digital_page_main .main-digital-blog .digital-blog-content p {
        font-size: clamp(10px, 2.7vw, 12px);
        line-height: 1.68;
        margin-bottom: 30px;
    }
    .ht_page_wrapper.digital_page_main .main-printing-industry {
        padding-block: 13vh 5.2vh;
    }   
    .ht_page_wrapper.digital_page_main .main-printing-industry .printing-industry-wrap {
        margin-top: 2.8vh;
    }
    .ht_page_wrapper.digital_page_main .main-printing-industry .printing-industry-img-wrap {
        margin-top: 4.2vh;
        padding-left: 18.5%;
        gap: 6px;
    }
    .ht_page_wrapper.digital_page_main .main-digital-portfolio .digital-portfolio-img img {
        width: 82%;
    }
 
    .ht_page_wrapper.digital_page_main .main-digital-portfolio .digital-portfolio-box {
        column-gap: 0px;
    }
    .ht_page_wrapper.digital_page_main .main-digital-portfolio .digital-portfolio-text {
        max-width: 190px;
    }
    .ht_page_wrapper.digital_page_main .display-format-tab-box-list {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px 27px;
     }
    .ht_page_wrapper.digital_page_main .digital-display-wrap .ev_res_card {
        border:unset
     }
    .ht_page_wrapper.digital_page_main .desk-main-display-format {
        display: none;
     }
    .ht_page_wrapper.digital_page_main .mob-main-display-format {
        display: block;
        margin: 40px 0 71px;
       
     }
     .ht_page_wrapper.digital_page_main .mob-main-display-format.mob-main-filter {
        position: relative;
        z-index: 999;
     }
    .ht_page_wrapper.digital_page_main .mob-main-display-format .mb-filter-wrap {        
        background: #5E459C;
     }
    .ht_page_wrapper.digital_page_main .mob-main-display-format .ev_selected_tags span {
        padding: 6px 30px 3px 12px;
     }
    .ht_page_wrapper.digital_page_main .mob-main-display-format .display-format-tab-search form {
        margin: 0 auto;
    }
     .ht_page_wrapper.digital_page_main  .digital-portfolio-top {
        padding: 5.2vh 0 6.1vh;
    }    
    .ht_page_wrapper.digital_page_main .main-digital-portfolio .digital-portfolio-top .digital-portfolio-slider .slick-list {
        margin-bottom: 5.15vh;
    }
    .ht_page_wrapper.digital_page_main .main-digital-portfolio .digital-portfolio-bottom  .digital-portfolio-img img {
        width: 87%;
    }
    .ht_page_wrapper.digital_page_main .main-digital-portfolio .digital-portfolio-bottom  {
        padding-block: 9.42vh 6.1vh;
    }
    .ht_page_wrapper .digital-portfolio-slider .slick-list, .ht_page_wrapper .digital-portfolio-bottom .digital-portfolio-slider .slick-list {
        margin-bottom: 7.7vh;
    }
    .ht_page_wrapper.digital_page_main .mob-main-display-format .ev_fil_res .ev_filter_all> h4.font-fam-mont {
        margin-bottom: 50px;
    }
    .ht_page_wrapper.digital_page_main .mob-main-display-format .display-format-tab-box {
        padding-block: 26px 22px;
    }
    .ht_page_wrapper.digital_page_main .mob-main-display-format .display-format-tab-box.learn-more {
        display: none;
    }
    .ht_page_wrapper.digital_page_main  .main-digital-blog .digital-blog-list {
        width: 90%;
    }
    .ht_page_wrapper.digital_page_main .digital-blog-content .link-arrow {
        display: flex;
        justify-content: center;
    }
     .digital-display-tab{
        display: none;
     }
     .ht_page_wrapper.digital_page_main .mob-main-display-format .mb-tab-filter .ev_body_accordion {
        width: 100%;
     }
     .ht_page_wrapper.digital_page_main .mob-main-display-format .mb-tab-filter {
        display: block;
     }
     .mobz-index{
        z-index: 0;
     }
    
     .ht_page_wrapper.digital_page_main .mob-main-display-format .h2-title{
        font-size: 20px !important;
     }
     .ht_page_wrapper .digital-portfolio-bottom .digital-portfolio-slider .slick-list {
        padding-left: 0;
     }
  
    
}
@media screen and (max-width: 370px) {
    .ht_page_wrapper.digital_page_main .printing-industry-wrap-box ul {
        width: 80%;
    }
    .ht_page_wrapper.digital_page_main .main-digital-portfolio .digital-portfolio-img {
        width: 150px;
    }
    .ht_page_wrapper.digital_page_main .mob-main-display-format .h2-title{
        font-size: 19px !important;
     }
     .ht_page_wrapper.digital_page_main .main-digital-portfolio .digital-portfolio-text {
        max-width: 160px;
     }
}
@media screen and (max-width: 330px) {
    .ht_page_wrapper.digital_page_main .mob-main-display-format .h2-title{
        font-size: 18px !important;
     }
}
@media screen and (max-height: 420px) {
    .ht_page_wrapper.digital_page_main .main-printing-industry {
        padding-block: 82px 35px;
    }
    .ht_page_wrapper.digital_page_main .main-drive-purchase {
        padding: 48px 0px 71px;
    }
    .ht_page_wrapper.digital_page_main .digital-portfolio-top {
        padding: 35px 0 41px;
    }
    .ht_page_wrapper.digital_page_main .digital-portfolio-bottom {
        padding-block: 64px 81px;
    }
    .ht_page_wrapper.digital_page_main .main-display-format {
        padding-bottom: 89px;
    }
    .ht_page_wrapper.digital_page_main .main-targeting-capabilities {
        padding-block: 36px 41px;
    }
    .ht_page_wrapper.digital_page_main .main-digital-blog {
        padding-block: 40px 48px;
    }
    .ht_page_wrapper.digital_page_main .main-digital-blog .digital-blog-box {
        margin-bottom: 28px;
    }
}

 /*==========digital Page CSS End ==========*/

 /*==========Blog Home Page CSS Start ==========*/
    /* -------------blog banner start------------------ */

    .ht_page_wrapper.blog_home_wrapper .main-blog-home-banner {
        position: relative;
        padding-block: 22vh 0;
        background-color: #5E459C
    }
    
    .ht_page_wrapper.blog_home_wrapper .main-blog-home-banner .h2-title {
        color: var(--white-color);
    }
    .ht_page_wrapper.blog_home_wrapper .main-blog-home-banner .blog-home-title {
         max-width: 59%;
    }
    .ht_page_wrapper.blog_home_wrapper .main-blog-home-banner .page-title-content p {
        color: var(--white-color);
    }
    .ht_page_wrapper.blog_home_wrapper .main-blog-home-banner .blog-home-img-wrap {
        display: flex;
        justify-content: flex-end;
        margin-top: -34.34vh;
    }
    .ht_page_wrapper.blog_home_wrapper .main-blog-home-banner .blog-home-img-wrap .blog-home-img img {
        width: 29.22vw;
    }

    /* ----------blog banner responsive start----------- */
    /* ----------blog banner responsive end----------- */
    /* -------------blog banner end------------------ */


    /* ------------- Blog list Start start------------------ */

    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section h2.ev-filter-heading {
        margin-bottom: 18px;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .font-fam-mont.ev_res_subhead {
        padding-left: 227px;
        max-width: 67vw;
        font-size: clamp(18px, 1.05vw, 20px);
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .font-fam-mont.ev_res_subhead::before {
        width: 189px;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section {
        margin: 12.56vh 0 20vh;
    }
   
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section  .ev_fil_res .fixed-wrapper {
        display: block;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section  .ev_fil_res .fixed-wrapper .ev_filter_all {
        width: 100%;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section  .ev_fil_res .fixed-wrapper  .ev_right_side_res {
        width: 100%;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section  .ev_fil_res .fixed-wrapper .mb-tab-filter {
        /* display: inline-block; */
        display: flex;
        align-items: center;
        width: 100%;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section  .ev_fil_res .fixed-wrapper .mb-tab-filter .ev_header_accordion_blog {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #F4F4F4;
        margin-right: 2.6vw;
        border: 1px solid #C9C9C9;
        border-radius: 10px 10px 0px 0px;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .mb-tab-filter .ev_header_accordion_blog span.accordion__toggle {
        position: relative;
        right: 0;
        top: 6px;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section  .ev_fil_res .ev_filter_all-bx {
        background: transparent;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .ev_filter_all-bx .ev_filter_accordion {
        padding: 90px 0 70px;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .mb-tab-filter .ev_acc_heading {
        color: #000000;
        padding: 8px 35px 8px 50px;
        font-size: clamp(16px, 1.03vw, 18px);
        white-space: nowrap;
        position: relative;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .mb-tab-filter .ev_acc_heading::after {
        position: absolute;
        content: "";
        height: 18px;
        width: 22px;
        top: 35%;
        left:11px;
        right: auto;
        background-repeat: no-repeat;
        background-image: url(assets/bloghomepage/filter-cat-icon.svg);
    }
 
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .mb-tab-filter .ev_acc_heading.filter-cat-icon::after {
       background-image: url(assets/bloghomepage/sort-icon.svg);
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .mb-tab-filter span.accordion__toggle img {
        filter: invert(1);
        min-width: 20px;
        margin: 0 5px -2px 0;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .mb-tab-filter .ev_body_accordion {
        color: #000;
        position: absolute;
        border: 1px solid #C5C5C5;
        box-shadow: 0px 23px 29px -7px rgba(0,0,0,0.13);
        background: #fff;
        width: 240px;
        padding: 0;
        z-index: 999;
        border-radius: 0 0 10px 10px;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .display-format-tab-search form {
        margin-top: 0;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .mb-tab-filter .ev_body_accordion ul {
        padding-left: 0;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .mb-tab-filter .ev_body_accordion ul li {
        margin-bottom: 0; 
        padding: 10px 12px;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .mb-tab-filter .ev_body_accordion ul li:hover,    
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .mb-tab-filter .ev_body_accordion ul li.active  {
        background-color: #e4d9ff4a;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_filter_accordion input[type="checkbox" ] {
        border: 2px solid #000;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_filter_accordion input[type='checkbox']:checked:before {
        left: -2px;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section  .ev_res_card {
        width: calc(33.33% - 40px);
        margin: 0 58px 54px 0;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section  .ev_res_card:hover {
        background-color: #5E459C;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section  .ev_res_card:hover a,.ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_res_card:hover .ev_card_content {
        color: #fff;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section  .ev_res_card:hover  .link-arrow .link-arrow-img {
        filter: brightness(4);
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section  .ev_res_card .ev_card_logo img {
        max-width: 100%;
        height: 300px;
        max-height: inherit;
        position: unset;      
        transform: unset;
        border-radius: 10px 10px 0 0;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_res_card .ev_card_logo {
        padding:0;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .link-arrow .link-arrow-img:after {
        border: 2.5px solid #5E459C;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_res_card:hover .link-arrow .link-arrow-img:after {
        border: 2.5px solid #fff;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_res_card:hover .link-arrow .link-arrow-img:after,
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_res_card .link-arrow:hover .link-arrow-img:after {
        background: transparent;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_res_card .bootom-read, .bootom-read{  position: absolute; width: 85%; bottom: 4.5vh; }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_res_card .link-arrow  {
        display: flex;
        justify-content: space-between;
        color: #6E6E6E;
        font-size: clamp(18px, 1.05vw, 20px);
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_res_card .card-top-wrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 2.8vh;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .ev_filter_all .filter-wrap{
        display: flex;
        justify-content: space-between;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .ev_filter_all .filter-wrap .display-format-tab-search {
        width: 100%;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section  .display-format-tab-search form {
        margin: 0;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .display-format-tab-search form input {
        width: 92%;
        height: 50px;
        background: transparent;
        border-radius: 5px;
        padding: 5px 28px;
        font-size: clamp(16px, 1.05vw, 18px);
        border: 1px solid #A3A3A3;
        color: #A7A7A7;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .display-format-tab-search form button {
        right: 0;
        transform: translate(0,-50%);
        background: #5E459C;
        border-radius: 50%;     
        height: 51px;
        width: 51px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .display-format-tab-search form button span.search-iconn {
        background-image: url(assets/bloghomepage/search-icon.svg);
        height: 20px;
        display: block;
        width: 24px;
        background-repeat: no-repeat;
        border: unset;
        padding:unset;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .display-format-tab-search form button.desk-search-iconn {
        background-image: url(assets/bloghomepage/search-icon.svg);
        display: block;
        background-repeat: no-repeat;
        background-position: center;
        border: unset;
        padding:unset;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_res_card .card-top-wrap .card-tags {
        background-color: #5E459C;
        font-size: clamp(12px, 3.3vw, 14px);
        color: #fff;
        border-radius: 30px;
        padding: 0 18px;
        font-weight: 500;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_res_card .card-top-wrap .ev_card_type {
        font-size: clamp(12px, 3.3vw, 14px);
        color:#6E6E6E;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_res_card:hover .card-top-wrap .ev_card_type {     
        color:#fff;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_res_card:hover .ev_card_content .card-top-wrap .card-tags {
        background-color: #fff;
        color: #5E459C;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_res_card .ev_card_content {
        padding: 28px 40px 78px;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_res_card .ev_card_content .card_content_link .bootom-read,.bootom-read {
        position: absolute;
        bottom: 25px;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_res_card .ev_card_content .ev_card_heading {
        font-size: 1.5vw;
        margin-bottom: 14px;
        line-height: 1.3;        
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_res_card .ev_card_content .ev_card_des {
        font-size: clamp(14px, 1.05vw, 16px);
        color: #272727;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-bottom: 35px;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_res_card:hover .ev_card_content .ev_card_des {
        color: #fff;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_res_card:hover .link-arrow {
        color: #fff;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res {
        margin: 0;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .ev_filter_all h4.font-fam-mont {
        display: none;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .mb-tab-filter .ev_body_accordion form {
        margin: 0 0 1rem;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .mb-tab-filter .ev_body_accordion form p {
        padding: 10px 12px;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .mb-tab-filter .ev_body_accordion form p a {
        color:#5E459C;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_res_card {
        width: calc(33.33% - 40px);
        margin: 0 0 56px 0;
    }
    .blog_home_filter_section #products {
    justify-content: flex-start;
    gap: 0 60px;
}
        
     /* ---------Blog list responsive start----------- */
    @media only screen and (max-width: 1680px) {
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .ev_filter_all .filter-wrap .display-format-tab-search form input {
            width: 89%;
        }
        .ht_page_wrapper.case-study-detail-page .case-study-video-section iframe.case-study-video {
            height: 420px;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section  .ev_res_card .ev_card_logo img {
            height: 240px;
        }   
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_res_card .ev_card_content {
            padding : 28px 32px 70px;
        } 
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_res_card {
            width: calc(33.33% - 34px);
            margin: 0 0 45px 0;
        }
		    .blog_home_filter_section #products { gap: 0 48px;}
    }
    @media only screen and (max-width: 1440px) {       
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_res_card {
            width: calc(33.33% - 26px);
            margin: 0 0 39px 0;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section  .ev_res_card .ev_card_logo img {
            height: 210px;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_res_card .ev_card_content {
            padding : 28px 28px 70px;
        }         
        .ht_page_wrapper.blog_home_wrapper .main-blog-home-banner .blog-home-title {
            max-width: 74%;
       }  
		    .blog_home_filter_section #products {gap: 0 38px;}
    }
    
 @media screen and (max-width: 767px) {
    .ht_page_wrapper.case-study-detail-page .cs-about-brand.cs-top-bot-pad .brand-detail-wrapper .brand-cont-detail,
    .ht_page_wrapper.case-study-detail-page .cs-our-approach .brand-detail-wrapper .brand-cont-detail,
    .ht_page_wrapper.case-study-detail-page .cs-our-approach .our-app-inner-content p,
    .ht_page_wrapper.case-study-detail-page .cs-camp-execution .brand-detail-wrapper .brand-cont-detail,
    .ht_page_wrapper.case-study-detail-page .cs-camp-execution .brand-detail-wrapper .our-app-inner-content,
    .ht_page_wrapper.case-study-detail-page .brand-measure .brand-detail-wrapper .brand-cont-detail,
    .ht_page_wrapper.case-study-detail-page .brand-measure .cs-inner-content
     {
        width: 100%;
    }
    .ht_page_wrapper.case-study-detail-page .cs-about-brand.cs-top-bot-pad .brand-detail-wrapper .brand-img img,
    .ht_page_wrapper.case-study-detail-page .cs-our-approach .brand-detail-wrapper .brand-img img ,
    .ht_page_wrapper.case-study-detail-page .cs-camp-execution .brand-detail-wrapper .brand-img img,
    .ht_page_wrapper.case-study-detail-page .brand-measure .brand-detail-wrapper .brand-img img
   {
        margin: 0 auto;
    }
 
    .ht_page_wrapper.case-study-detail-page .cs-highlight-sec .result-wrapper:first-child {
        margin: 0 auto 40px;
    }
    .ht_page_wrapper.case-study-detail-page .cs-highlight-sec .results-wrap-conatiner .result-wrapper {
        width: 100%;
    }
    .ht_page_wrapper.case-study-detail-page .cs-highlight-sec .result-wrapper:last-child {
        margin: 0 auto 15px;
    }
    .ht_page_wrapper.case-study-detail-page .brand-single-card .brand-single-card-inner {
        padding: 20px 30px 30px;
    }
    .ht_page_wrapper.case-study-detail-page .cs-testimonial .testimonials-wrapper .testimonials-content {       
        width: auto;
    }
     .ht_page_wrapper.case-study-detail-page .top-banner-content,
     .ht_page_wrapper.case-study-detail-page .cs-ccs, 
     .ht_page_wrapper.case-study-detail-page .client-cat-sol ul.cs-ccs li strong,
     .ht_page_wrapper.case-study-detail-page .target-detail-wrapper, 
     .ht_page_wrapper.case-study-detail-page .testimnials-container, 
     .ht_page_wrapper.case-study-detail-page .brand-detail-wrapper, 
     .ht_page_wrapper.case-study-detail-page .results-wrap-conatiner, 
     .ht_page_wrapper.case-study-detail-page .container-insights {
         display: block;
     }
     .ht_page_wrapper.case-study-detail-page .brand-cont-detail,
     .ht_page_wrapper.case-study-detail-page .brand-img {
         width: 100%;
     }
     .ht_page_wrapper.case-study-detail-page .main-case-study-banner .case-study-banner-box {
         display: block;
         padding: 0;
     }
     .ht_page_wrapper.case-study-detail-page .main-case-study-banner .case-study-banner-box .case-study-common .case-study-banner-text-img img { 
         width: 200px;
     }
     .ht_page_wrapper.case-study-detail-page .cs-launch-camp .cs-launch-camp-inner {
        display: block; 
     }
     .cs-launch-camp .cs-launch-camp-inner {
         display: block;
     }
     .ht_page_wrapper.case-study-detail-page .cs-launch-camp .cs-launch-camp-inner .cs-brand-title {
         width: 100%;
     }
     .ht_page_wrapper h3.case-study-launch-title {
         font-size: 12px;
         margin: 15px 0 32px;
     }
     .ht_page_wrapper.case-study-detail-page .cs-launch-camp .cs-launch-camp-inner .cs-brand-title h1{
         font-size: 30px;
     }
     .ht_page_wrapper.case-study-detail-page .cs-launch-camp .cs-launch-camp-inner .cs-share-icons span  {
         font-size: 16px;
         padding: 22px 0 18px;
     }
     .cs-launch-camp .cs-launch-camp-inner .cs-share-icons {
         margin: 0 60px;
     }
     .ht_page_wrapper.case-study-detail-page .client-cat-sol ul.cs-ccs li {        
         padding-right: unset;
         width: 100%;
         padding-top: 20px;
         border-right: unset;
         text-align: center;
     }
     .ht_page_wrapper.case-study-detail-page .client-cat-sol {
         padding: 30px 55px;
        margin: 23px auto 0 auto;
     }
     .ht_page_wrapper.case-study-detail-page .cs-top-bot-pad {
         padding: 30px 0;
         text-align: center;
     }
     .ht_page_wrapper.case-study-detail-page .cs-inner-heading,
     .ht_page_wrapper.case-study-detail-page .brand-sub-heading {
         font-size: 20px;
         line-height: 26px;
     }
     .ht_page_wrapper.case-study-detail-page p.inner-cont-width60 {
         width: 100%;
         line-height: 24px;
     }
   
     .ht_page_wrapper.case-study-detail-page .brand-single-card .inner-card-text {
         line-height: 22px;
     }
     .ht_page_wrapper.case-study-detail-page .brand-single-card .inner-card-heading {
         font-size: 18px;
         margin-bottom: 5px;
     }
     .ht_page_wrapper.case-study-detail-page .brand-sub-heading {
         padding: 0;
     }
     .ht_page_wrapper.case-study-detail-page .brand-ask .top-down-arrow {
         /* margin-bottom: 20px; */
         margin-bottom: 0;
     }
     .ht_page_wrapper.case-study-detail-page .cs-top-bot-pad.brand-ask {
         padding: 0 ;
     }
     .ht_page_wrapper.case-study-detail-page .cs-target-group .cs-target-inner {
         width: 83%;
     }
     .ht_page_wrapper.case-study-detail-page .cs-target-group .top-down-arrow {
         margin-bottom: 15px;
     }
     .ht_page_wrapper.case-study-detail-page .target-inner-insight p {
         font-size: 18px;
     }
     .ht_page_wrapper.case-study-detail-page .cs-target-group .cs-target-inner p {
         line-height: 22px;
     }
     .ht_page_wrapper.case-study-detail-page .cs-target-group .target-detail-wrapper .target-inner-insight {
         padding: 50px 0 25px 0;
         border-bottom: 2px solid #efefef;
         border-right: unset;
         width: 100%;
         margin-top: 0;
     }
     .ht_page_wrapper.case-study-detail-page .cs-target-group .target-detail-wrapper .target-inner-insight:nth-child(3n) {
        border-bottom: 2px solid #efefef;
     }
     .ht_page_wrapper.case-study-detail-page .cs-target-group .target-detail-wrapper .target-inner-insight:last-child {
         border-bottom:none;
     }
     .ht_page_wrapper.case-study-detail-page .testimonials-content {
         padding: 15px 0 0;
         width: 100%;
     }
     .ht_page_wrapper.case-study-detail-page .testimonials-content .customer-name {
         font-size: 20px;
     }
     .ht_page_wrapper.case-study-detail-page .cs-testimonial.cs-top-bot-pad {
         padding: 30px 0 20px;
     }
     .ht_page_wrapper.case-study-detail-page .testimonials-wrapper.owl-carousel .testimnials-container .testimonials-content form {
         margin: 1rem 0 0;
     }
     .ht_page_wrapper.case-study-detail-page .owl-nav, 
     .ht_page_wrapper.case-study-detail-page .ev_stage_10 .owl-nav {
         left: -38px;
         top: 17%;
     }
     .ht_page_wrapper.case-study-detail-page .cs-testimonial .owl-nav .owl-prev span,
      .ht_page_wrapper.case-study-detail-page .cs-testimonial .owl-nav .owl-next span{
         height: 28px;
         width: 28px;
         font-size: 14px;
     }
     .ht_page_wrapper.case-study-detail-page .cs-testimonial .owl-nav .owl-prev {
         left: 0;
     }
     .ht_page_wrapper.case-study-detail-page .testimonials-content .description,
     .ht_page_wrapper.case-study-detail-page .our-app-inner-content p,
     .ht_page_wrapper.case-study-detail-page .cs-result-content ul li,
     .ht_page_wrapper.case-study-detail-page .highlight-paragraph,
     .ht_page_wrapper.case-study-detail-page .cs-inner-content{
         line-height: 22px;
         font-size: clamp(14px, 1.05vw, 16px) !important;
     }
     .ht_page_wrapper.case-study-detail-page .flip-box-back p.inner-content {
        font-size: 12px;
        line-height: 16px;
     }
     .ht_page_wrapper.case-study-detail-page .cs-result-content ul li {
        margin-bottom: 20px;
     }
     .cs-our-approach .brand-detail-wrapper .brand-img {
         margin-bottom: 0;
     }
     .ht_page_wrapper.case-study-detail-page .cs-camp-execution .inner-card-heading {
         font-size: 20px;
         padding: 0 0 20px;
     }
     .ht_page_wrapper.case-study-detail-page .cs-camp-execution .our-app-inner-content {
         padding-right: unset;
         line-height: 22px;
         font-size: clamp(14px, 1.05vw, 16px);
     }
     .ht_page_wrapper.case-study-detail-page .cs-camp-execution .brand-detail-wrapper .our-app-inner-content {
        line-height: 22px;
         font-size: clamp(14px, 1.05vw, 16px);
     }
     .ht_page_wrapper.case-study-detail-page .brand-measure-result .brand-detail-wrapper {
        width: 90%;
     }
     .ht_page_wrapper.case-study-detail-page .brand-detail-wrapper {
        width: 83%;
        margin: 0 auto;
     }
     .ht_page_wrapper.case-study-detail-page .cs-camp-execution .top-down-arrow {
         margin-bottom: unset;
     }
  
     .ht_page_wrapper.case-study-detail-page .cs-result-content ul li::after {
         display: none;
     }
     .ht_page_wrapper.case-study-detail-page .cs-result-content ul li {
         padding-left: 0;
     }
     .ht_page_wrapper.case-study-detail-page .cs-result-content ul {
         padding: 30px 0 0;
         width: 100%;   
         text-align: left;     
     }
     .ht_page_wrapper.case-study-detail-page .cs-result-content ul li:last-child{
         margin-bottom: unset;
     }
     .ht_page_wrapper.case-study-detail-page .cs-highlight-sec .brand-sub-heading {
         display: none;
     }
     .ht_page_wrapper.case-study-detail-page .cs-highlight-se {
         padding: 10px 0;
     }
     .ht_page_wrapper.case-study-detail-page .highlight-heading {
         font-size: 20px;
         padding: 10px 0;
     }
     .ht_page_wrapper.case-study-detail-page .highlight-sub-heading {
         font-size: 20px;
         padding: 6px 0;
     }
     .ht_page_wrapper.case-study-detail-page .brand-measure-result.cs-top-bot-pad {
         /* margin-top: -70%; */
         margin-top: -35%;
     }
     .ht_page_wrapper.case-study-detail-page .cs-measure-result .cs-m-heading {
         font-size: 20px;
         /* padding: 0; */
         padding: 5px 0;
         margin-bottom: 30px;
     }
     .ht_page_wrapper.case-study-detail-page .brand-measure-result .cs-measure-result {
         padding: 30px 20px;
     }
     .ht_page_wrapper.case-study-detail-page .highlight-paragraph {
         min-height: auto;
         padding: 20px 10px;
     }
     .ht_page_wrapper.case-study-detail-page .result-wrapper:last-child {
         margin-bottom: 0;
     }
     .ht_page_wrapper.case-study-detail-page .cs-industry-insight.bg-aliceBlue .top-down-arrow .brand-sub-heading.font-fam-sserif {
         padding: 0 60px;
     }
     .ht_page_wrapper.case-study-detail-page .flip-box-front p.heading,
      .ht_page_wrapper.case-study-detail-page .flip-box-back p.heading {
         font-size: 20px;
     }   
     .ht_page_wrapper.case-study-detail-page .cs-industry-insight .container-insights .flip-box {
         width: 245px;
         height: 280px;
         margin: 0 auto 30px;
     }
     .ht_page_wrapper.case-study-detail-page  .flip-box-front img {
         margin: 30px auto;
     }
     .ht_page_wrapper.case-study-detail-page .cs-industry-insight {
         padding-bottom: 15px;
     }
     .ht_page_wrapper.case-study-detail-page .cs-testimonial .testimonials-wrapper .customer-pic {
         margin: 0 auto;
     }
     .ht_page_wrapper.case-study-detail-page .brand-img img,
     .ht_page_wrapper.case-study-detail-page  .cs-highlight-sec .results-wrap-conatiner img {
         width: 65vw;
     }
     .ht_page_wrapper.case-study-detail-page .cs-measure-result .cs-m-img-l img {
         width: 25%;
         margin: 0 auto;
     }
     .ht_page_wrapper.case-study-detail-page .result-wrapper {
         width: 90%;
         margin: 0 25px 40px;
     }
     .ht_page_wrapper.case-study-detail-page .cs-testimonial.cs-industry-insight {
         display: block
     }
     .ht_page_wrapper.case-study-detail-page .cs-industry-insight.desk-industry-insight  {
         display: none;
     }
     .ht_page_wrapper.case-study-detail-page .testimonials-wrapper.insights-takeaways-wrap .owl-nav{
         top: 42%;
     }
     .ht_page_wrapper.case-study-detail-page .flip-box-front{
         padding: 0 18px;
         box-shadow: none;
     }
  
     .ht_page_wrapper.case-study-detail-page .brand-cont-detail {
         margin-bottom: 40px;
     }
     .ht_page_wrapper.case-study-detail-page .cs-launch-camp {
         padding-top: 115px;
         padding-bottom: 30px;
         margin-top: -35px;
     }
     .ht_page_wrapper.case-study-detail-page .cs-launch-camp .cs-head-logo  {
         width: 95%;
     }
     .ht_page_wrapper.case-study-detail-page  .ht_page_wrapper ul {
         padding-left: unset;
     }
     .cs-about-brand .top-down-arrow {
         margin-bottom: 0;
     }
     .ht_page_wrapper.case-study-detail-page .brand-measure .top-down-arrow {
         margin-bottom: 0;
     }
     .rating {
         width: 150px;
     }
     .ht_page_wrapper.case-study-detail-page .brand-single-card {
         width: 100%;
         padding: 0 30px 30px;
         margin: 0;
     }
     .ht_page_wrapper.case-study-detail-page .brand-ask .brand-detail-wrapper.display-flex.space-between .brand-single-card-wrapper {
         margin: 0 auto;
     }
     .ht_page_wrapper.case-study-detail-page .main-case-study-banner {
        margin: 22vw auto 0;
     }
     .ht_page_wrapper.case-study-detail-page .cs-ccs {
        padding-left: 0;
     }
     .ht_page_wrapper.case-study-detail-page .cs-target-group.cs-top-bot-pad {
        padding: 0 0 5px;
    }
    .ht_page_wrapper.case-study-detail-page .brand-ask .brand-sub-heading {
        padding: 30px 0 20px 0;
    }
    .ht_page_wrapper.case-study-detail-page .cs-target-group .brand-sub-heading {
        padding: 30px 0 0px 0;
    }
    .ht_page_wrapper.case-study-detail-page .cs-target-group .target-detail-wrapper {
        padding: 0;
    }
    .ht_page_wrapper.case-study-detail-page .cs-testimonial .testimonials-wrapper .testimonials-content {
        padding: 10px 0 0;
    }
    .ht_page_wrapper.case-study-detail-page .cs-our-approach .brand-sub-heading {
        padding: 0;
    }
    .ht_page_wrapper.case-study-detail-page .cs-our-approach.cs-top-bot-pad {
        padding: 30px 0 13px;
    }
    .ht_page_wrapper.case-study-detail-page .cs-camp-execution.cs-top-bot-pad {
        padding: 30px 0 0;
    }
    .ht_page_wrapper.case-study-detail-page .brand-measure.cs-top-bot-pad.bg-aliceBlue {        
        padding: 0 0 44vh;
    }
    .ht_page_wrapper.case-study-detail-page .testimonials-wrapper {
        width: 75%;
        margin: 0 auto;
    }
    .ht_page_wrapper.case-study-detail-page .cs-about-brand .brand-cont-detail,
    .ht_page_wrapper.case-study-detail-page .cs-about-brand .brand-img {
        margin-bottom: 30px;
    }
    .ht_page_wrapper.case-study-detail-page .customer-pic img {
        width: 176px;
        height: 173px;
        margin: 0 auto;
    }
    .ht_page_wrapper.case-study-detail-page .cs-testimonial .testimonials-wrapper .customer-pic {
        width:auto;
    }
    .ht_page_wrapper.case-study-detail-page .cs-camp-execution .brand-detail-wrapper .brand-cont-detail {
        margin-bottom: 18px;
    }
    .ht_page_wrapper.case-study-detail-page .cs-launch-camp .cs-launch-camp-inner ul.cs-share-li li:last-child {
        padding: 0 15px;
    }
    .ht_page_wrapper.case-study-detail-page .cs-launch-camp .cs-launch-camp-inner ul.cs-share-li {
        padding-left: 0;
    }
    .ht_page_wrapper.case-study-detail-page .brand-measure  .cs-inner-heading {
        padding: 30px 0 18px;
     }
     .ht_page_wrapper.case-study-detail-page .cs-highlight-sec .brand-detail-wrapper .brand-img img {
        width: auto;
     }
     .ht_page_wrapper.case-study-detail-page .cs-highlight-sec.cs-top-bot-pad {
        padding: 15px 0;
        text-align: center;
    }
    .ht_page_wrapper.case-study-detail-page .cs-testimonial .owl-nav .owl-next {
        right: -58px;
    }
    .ht_page_wrapper.case-study-detail-page .cs-testimonial .owl-nav .owl-prev {
        left: 10px;
    }
    .ht_page_wrapper.case-study-detail-page .testimonials-wrapper.insights-takeaways-wrap .owl-item:nth-child(3n - 1) .flip-box .flip-box-front {
        background-color: #a7e6ff;
        color: #2d9ac4;
    }
    .ht_page_wrapper.case-study-detail-page .testimonials-wrapper.insights-takeaways-wrap .owl-item:nth-child(3n - 2) .flip-box .flip-box-front {
        background-color: #a37be3;
        color: #552ab3;
    }
    .ht_page_wrapper.case-study-detail-page .testimonials-wrapper.insights-takeaways-wrap .owl-item:nth-child(3n) .flip-box .flip-box-front {
        background-color: #ffd561;
        color: #cf9900;
    }
    .ht_page_wrapper.case-study-detail-page .brand-measure-result {
        margin-top: -35vh;
    }
    .ht_page_wrapper.case-study-detail-page .cs-launch-camp .client-cat-wrap .client-cat-item {
        width: 100%;
        text-align: center;
    }
    .ht_page_wrapper.case-study-detail-page .cs-launch-camp .client-cat-wrap .client-cat-item::after {
        display: none;
    }
    .ht_page_wrapper.case-study-detail-page .cs-launch-camp .client-cat-wrap .client-cat-item p {
        width: 100%;
        margin-bottom: 25px;
    }
    .ht_page_wrapper.case-study-detail-page .cs-launch-camp .client-cat-wrap .client-cat-item:last-child p,
     .ht_page_wrapper.case-study-detail-page .cs-launch-camp .client-cat-wrap .client-cat-item:nth-child(3n) p {
        width: 100%;
    }
    .ht_page_wrapper.case-study-detail-page .cs-launch-camp .client-cat-wrap .client-cat-item:nth-child(3n)::after,
     .ht_page_wrapper.case-study-detail-page .cs-launch-camp .client-cat-wrap .client-cat-item:last-child::after {
        display: none;
    }
    .ht_page_wrapper.case-study-detail-page .cs-launch-camp .client-cat-wrap .client-cat-item p strong {
        display: block;
    }
    .ht_page_wrapper.case-study-detail-page  .case-study-video-section .cs-target-inner.font-fam-mont p { 
        padding: 15px 8px 20px;
        font-size: clamp(14px, 1.05vw, 16px);
        line-height: 22px;
    }
    .ht_page_wrapper.case-study-detail-page .case-study-video-section {
        padding: 40px 0;
    }
    .case-study-video-wrap{
        width: 100%;
    }
    .ht_page_wrapper.case-study-detail-page .case-study-video-section iframe.case-study-video {
        height: 170px;
        width: 100%;
    }
 }
    @media only screen and (max-width: 1199px) {
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .font-fam-mont.ev_res_subhead {
            max-width: 85vw;
            padding-left: 175px;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_res_card .ev_card_content {
            padding : 28px 28px 50px;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_res_card {
            width: calc(33.33% - 20px);
            margin: 0 0 30px 0;
        }
       
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .font-fam-mont.ev_res_subhead::before {
            width: 140px;
        }

    }
    @media only screen and (max-width: 1024px) {
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .font-fam-mont.ev_res_subhead::before {
            width: 115px;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .font-fam-mont.ev_res_subhead {
            padding-left: 148px;
        }
     
    }
    @media only screen and (max-width: 992px) {
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_res_card {
            width: calc(50% - 14px);
            margin: 0 0 28px 0;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_res_card:nth-child(2n) {
            margin: 0 0 28px 0;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section h2.ev-filter-heading {
            font-size: 5vw !important;
            text-align: left;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .ev_filter_all-bx .ev_filter_accordion {
            padding: 0 ;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .ev_filter_all-bx .ev_filter_accordion .mb-filter-wrap {
            background: #F5F5F5;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .ev_filter_all-bx .ev_filter_accordion .mb-filter-wrap .close-clear-bx {
            background: #F5F5F5;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .ev_filter_all-bx .ev_filter_accordion .mb-filter-wrap .close-clear-bx h4 a,
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .ev_filter_all-bx .ev_filter_accordion .mb-filter-wrap .close-clear-bx h4 span {
            color: #000;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .ev_filter_all-bx .ev_filter_accordion .mb-filter-wrap .close-clear-bx h4 span img {
            filter: invert(1);
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .display-format-tab-search form button {
            height: 30px;
            width: 30px;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .display-format-tab-search form button span.search-iconn {
            height: 15px;
            width: 15px;
            background-size: 15px;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .display-format-tab-search form input {
            height: 32px;
            font-size: clamp(15px, 1.05vw, 18px);
            width: 93%;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .ev_filter_all h4.font-fam-mont {
            margin: 30px 0;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .ev_filter_all h4.font-fam-mont {
            display: flex;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .ev_filter_all h4.font-fam-mont .display-format-tab-search {
            width: calc(100% - 200px);
        }
         /* ----filter start-------- */
         .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .mb-tab-filter .ev_header_accordion_blog {
            background: #fff;
            display: block;
            border: none;
            border-radius: unset;
            margin-right: unset;
            width: 170px;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .mb-tab-filter .ev_body_accordion {
            color: #000;
            position: relative;
            border: none;
            box-shadow: none;
            background: #fff;
            width: calc(100% - 170px);
            z-index: 0;
            border-radius: unset;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .mb-tab-filter {
            display: block;
            background-color: transparent;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .mb-tab-filter >div {
            display: flex;
            justify-content: flex-start;
            align-items: self-start;
           
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .mb-tab-filter .ev_acc_heading {
            color: #000;
            white-space: pre-wrap;
            font-size: clamp(14px, 1.05vw, 16px);
            padding: 17px 30px;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .ev_filter_all .filter-wrap .display-format-tab-search {
            display: none;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_filter_accordion input[type="checkbox" ] {

            border: 2px solid #585858;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .mb-tab-filter .ev_body_accordion form {
            margin-top: 1.4rem;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .mb-tab-filter .ev_body_accordion ul li:hover {
            background-color: transparent;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .ev_filter_all .filter-wrap {
            display: block;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .ev_filter_all .dsktp-hide h4.font-fam-mont {
            margin: 0;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .ev_filter_all h4.font-fam-mont .filter-by{
            padding:6px 12px;
            border-radius: 3px
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .ev_filter_all h4.font-fam-mont .filter-by img {            
            margin: 0 5px -2px;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .mb-tab-filter .ev_header_accordion_blog span.accordion__toggle {
            display: none;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .mb-tab-filter  .apply-filter-btn {
            justify-content: center;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .mb-tab-filter .ev_acc_heading::after {
            display: none;
        }
        /* ----filter end-------- */
    }
    @media only screen and (max-width: 800px) {
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .display-format-tab-search form input {
            width: 91%
        }
    }
   
    @media only screen and (max-width: 767px) {
        .ht_page_wrapper.blog_home_wrapper .main-blog-home-banner {
            padding-block: 77px 0;
        }
        .ht_page_wrapper.blog_home_wrapper .main-blog-home-banner .blog-home-title .page-title-content {
            margin-top: 21px;
        }
        .ht_page_wrapper.blog_home_wrapper .main-blog-home-banner .blog-home-img-wrap {
            margin-top: -21px;
        }
        .ht_page_wrapper.blog_home_wrapper .main-blog-home-banner .blog-home-title {
            max-width: 84%;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section {
            margin: 42px 0 90px;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section h2.ev-filter-heading {
            font-size: 22px;
            line-height: 27px;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .font-fam-mont.ev_res_subhead::before {
            width: 43px;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .font-fam-mont.ev_res_subhead {
            padding-left: 54px;
            font-size: clamp(10px, 2.7vw, 12px);
            line-height: 1.68;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .ev_filter_all h4.font-fam-mont {
            margin: 27px 0 31px;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .display-format-tab-search form input {
            width:89%;
            height: 28px;      
            padding: 5px 12px;
            font-size: clamp(10px, 2.7vw, 12px);
           
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .display-format-tab-search form button span.search-iconn {
           
            height: 12px;
            width: 13px;
            background-size: 13px;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .display-format-tab-search form button {
            height: 28px;
            width: 28px;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_res_card .ev_card_content {
            padding: 16px 25px 45px;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_res_card .card-top-wrap .card-tags,
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_res_card .card-top-wrap .ev_card_type,
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_res_card .ev_card_content .ev_card_des {
            font-size: clamp(10px, 2.7vw, 12px);
            line-height: 1.2;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_res_card .ev_card_content .ev_card_des {
            line-height: 15px;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_res_card .ev_card_content .ev_card_heading {
            font-size: 16px;
           line-height: 21px;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_res_card .link-arrow {          
            padding-top: 25px;
        }
        .ht_page_wrapper.blog_home_wrapper .main-blog-home-banner .blog-home-img-wrap .blog-home-img img {
            width: 128px;
        } 
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .ev_filter_all h4.font-fam-mont .display-format-tab-search {
            width: calc(100% - 115px);
        }  
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .ev_filter_all h4.font-fam-mont .filter-by {
            padding: 5px 12px;
        }    
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_res_card .ev_card_logo img {
            max-height: 176px;
            min-height: 176px;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_res_card .link-arrow {
            font-size: clamp(10px, 2.7vw, 12px);
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .mb-tab-filter .ev_body_accordion ul li,
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .mb-tab-filter .ev_body_accordion form p {
            padding: 10px 21px;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .ev_filter_all {
            width: 90%;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .ev_right_side_res {
            width: 90%;
            margin: 0 auto;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_res_card .ev_card_content .ev_card_des {
            margin-bottom: 0;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_res_card .ev_card_content {
            padding: 16px 25px 55px;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_res_card .bootom-read, .bootom-read{bottom: 2.5vh;}

    }
    @media only screen and (max-width: 600px) {
        
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_res_card {
            width: calc(100% - 0px);
            margin: 0 auto 28px;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_res_card:nth-child(2n) {
            margin: 0 auto 28px;
        }
    }
    @media only screen and (max-width: 420px) {
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .display-format-tab-search form input {
            width: 84%
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .mb-tab-filter .ev_header_accordion_blog {
          
            width: 160px;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .mb-tab-filter .ev_body_accordion {
          width: calc(100% - 140px);
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .mb-tab-filter .ev_acc_heading {
            padding: 17px 15px;
        }
    }
    @media only screen and (max-width: 360px) {
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .ev_filter_all h4.font-fam-mont .display-format-tab-search {
            width: calc(100% - 112px);
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .display-format-tab-search form input {
            width: 76%;
        }
          /* ----filter start-------- */
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .ev_filter_all h4.font-fam-mont .filter-by {
            padding: 4px 5px 4px 12px;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .mb-tab-filter .ev_acc_heading {
            font-size: clamp(12px, 1.05vw, 14px);
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .mb-tab-filter .ev_body_accordion label {
            font-size: clamp(12px, 1.05vw, 14px);
            line-height: 2;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_filter_accordion input[type="checkbox" ] {
            margin-right: 14px;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .ev_fil_res .fixed-wrapper .mb-tab-filter .ev_body_accordion ul li {
            margin: 0 0 5px !important;
        }
          /* ----filter end-------- */
    }
    /* ----------Blog list responsive end----------- */
    /* ------------- Blog list  end------------------ */
    /* ------------- Blog pagination Start ------------------ */

    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .pagination {
        margin: 3.2vh 0;
		display: none;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .pagination .page-numbers {
        padding: 4px 15px;
        width: 42px;
        text-align: center;
        display: inline-block;
        border: 1px solid #B1B1B1;
        border-radius: 5px;
        font-family: 'montserratmedium';
        margin-right: 16px;
        font-size: 18px;
        font-weight: 400;
        color: #000000;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .pagination .page-numbers.current,
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .pagination .page-numbers:hover {
        background: #FFCC1D;
        border-color: #FFCC1D;       
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .pagination .page-numbers.prev,
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .pagination .page-numbers.next {
        width: auto;
    }
    .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .pagination .page-numbers.dots {
        margin-right: 16px;
        background: transparent;
        color: #000;
        padding: 0;
        font-size: 28px;
        border: unset;
        width: unset;
    }
    @media only screen and (max-width: 767px) {
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .pagination {
            margin: 0;
            flex-wrap: nowrap;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .pagination .page-numbers {
            padding: 2px 10px;
            font-size: 12px;
            width: 25px;
            margin-right: 12px;
        }
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .pagination .page-numbers.dots {
            font-size:inherit;
        }
    }
    @media only screen and (max-width: 360px) {
        .ht_page_wrapper.blog_home_wrapper .blog_home_filter_section .pagination .page-numbers {
            padding: 2px 6px;
            margin-right: 5px;
        }
    }
    /* ------------- Blog pagination end------------------ */

 /*==========Blog Home Page CSS End ==========*/