@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

body {
    margin: 0;
    font-family: "Roboto";
    color: #000;
    background: #ffffff;
    overflow-x: hidden;
}

input,
textarea,
button {
    font-family: "Roboto";
    outline: none;
}

button,
input[type="submit"],
input[type="reset"] {
    cursor: pointer;
}

.btn-primary {
    color: var(--primary-palette-0-f-2-d-32, #0F2D32);
    text-align: center;
    font-feature-settings: 'salt' on, 'rclt' off, 'calt' off, 'liga' off;
    font-family: "Roboto Condensed";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    border-radius: 30px;
    background: #64CDC8;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #9bb5c4;
    margin: 0;
    padding: 0;
}

input,
select {
    outline: none;
}

a {
    text-decoration: none;
    color: #1b2642;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
}

.transition {
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
}

.list-none {
    margin: 0;
    padding: 0;
    list-style: none;
}

fieldset {
    border: none;
    padding: 0;
}

#wrapper {
    position: relative;
    overflow: hidden;
}

ol,
ul,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}

p {
    margin: 0;
    padding: 0;
}

img {
    padding: 0;
    margin: 0;
}


.flex {
    display: flex;
}

.f-wrap {
    flex-wrap: wrap;
}

.justify-content-between {
    justify-content: space-between;
}

.justify-content-center {
    justify-content: center;
}

.align-items-center {
    align-items: center;
}

.align-items-end {
    align-items: end;
}

.block {
    display: block;
}

.gap-10 {
    gap: 10px;
}

.gap-20 {
    gap: 20px;
}

.gap-30 {
    gap: 30px;
}

.gap-40 {
    gap: 40px;
}

.gap-50 {
    gap: 50px;
}

.container {
    width: 100%;
    max-width: 1320px;
    margin: auto;
}


/* new css  */
section#success-hero { 
    height: 500px;
    background: linear-gradient(180deg, rgba(0, 85, 225, 1) 0%, rgba(0, 85, 225, 1) 35%);
}

section#success-hero {
    position: relative;
    overflow: hidden;
    z-index: -1;
}

section#success-hero img {
    width: 80%;
    height: 100%;
} 

.participants img {
    width: 100%;
    max-width: 100%;
}

section#success-hero img {
    position: absolute;
    top: 0;
    left: 0;
}

section#success-story {
    position: relative;
}

.retail-brand h6 {
    color: #015A69;

    font-family: "Roboto Condensed";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    padding-bottom: 40px;
}

.retail-brand h1 {
    color: #0F2D32;
    font-family: "Roboto Condensed";
    font-size: 60px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* padding-bottom: 40px; */
}
 
.retail-brand p {
    color: #ADB5BD;
    font-family: "Roboto Condensed";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
}

.retail-brand {
    padding: 64px 40px;
    background: #fff;
    margin-top: -305px;
    border-radius: 20px 20px 0px 0px;
} 

.retail-brand {
    width: 100%;
    max-width: 91.7%;
} 

.objectives {
    width: 100%;
    max-width: 91.7%;
}

.objectives h2 {
    color: #0F2D32;
    font-feature-settings: 'salt' on, 'rclt' off, 'calt' off, 'liga' off;
    font-family: "Roboto Condensed";
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;

}

.objectives p {
    color: #495057;
    font-family: 'Roboto';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 32px */
    padding-top: 20px;
}

.success-story-parent {
    width: 100%;
    max-width: 1196px;
    margin-right: auto;
    margin: 0 auto;
    flex-direction: column;
    gap: 64px;
}

.objectives:nth-child(2) p {
    width: 100%;
    max-width: 95%;
}

.participants {
    border-radius: 30px;
    background: #0055E1;
    padding: 50px;
}

.ratting h2 {
    color: #FFF;
    font-feature-settings: 'salt' on, 'rclt' off, 'calt' off, 'liga' off;
    font-family: "Roboto Condensed";
    font-size: 130px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    /* 143px */
}

.ratting p {
    color: #FFF;
    font-family: 'Roboto';
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 145%;
    /* 31.9px */
    padding-top: 30px;
}

.ratting p span {
    font-weight: 700;
}

.ratting {
    width: 100%;
    max-width: 25.2%;
}


.retail-counter.flex.justify-content-between {
    padding-top: 40px;
}

.src p {
    padding-top: 40px;
    text-align: center;
    color: rgba(255, 255, 255, 0.80);
    text-align: center;
    font-family: 'Roboto';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;

}

/* success story travel page  */
section#success-travel-hero {
    background: linear-gradient(180deg, #F83434 -52.08%, rgba(250, 100, 100, 0.00) 110%);
    height: 500px;
    position: relative;
    overflow: hidden;
}

.success-travel-participant {
    width: 100%;
    margin: 0 auto;
    /* max-width: 92.7%; */
}

.travel-counter {
    width: 100%;
    max-width: 50%;
}

.success-travel-participant-img {
    width: 100%;
    max-width: 50%;
}

.travel-ratting {
    padding: 50px 40px;
    border-radius: 23.761px 0px 0px 0px;
    background: #F94242;
}

.travel-ratting h2 {
    color: #FFF;
    font-feature-settings: 'salt' on, 'rclt' off, 'calt' off, 'liga' off;
    font-family: "Roboto Condensed";
    font-size: 79.203px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    /* 87.123px */
}

.travel-ratting h3 {
    color: #FFF;
    font-feature-settings: 'salt' on, 'rclt' off, 'calt' off, 'liga' off;
    font-family: "Roboto Condensed";
    font-size: 31.681px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
}

.travel-ratting p {
    color: #FFF;
    font-family: 'Roboto';
    font-size: 19.801px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    /* 26.731px */
    padding-top: 30px;
}

.travel-ratting:nth-child(2) {
    background: black;
    border-radius: unset;
    background: #8D213B;
}

.travel-ratting:nth-child(3) {
    border-radius: 0px 0px 0px 23.761px;
    background: #641932;
    padding: 22.3px 30px;
} 

.success-travel-participant-img img {
    /* width: 100%; */
    max-width: 100%;
    /* height: 100%; */
    display: block;
}

.success-travel-participant-img {
    position: relative;
}

.success-travel-participant-img p {
    position: absolute;
    bottom: 49px;
    color: #FFF;
    font-family: 'Roboto';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    left: 57px;
}

/* .success-story-consumer direct page  */
section#success-direct-hero img {
    width: 100%;
    max-width: 78%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.success-direct-participant.flex {
    margin-bottom: 40px;
    border-radius: 30px;
} 

section#success-direct-hero {
    background: linear-gradient(180deg, #783CC8 -22.08%, rgba(120, 60, 200, 0.00) 120%);
    height: 500px;
    position: relative;
    overflow: hidden;
}

.objectives p {
    width: 100%;
    max-width: 98%;
}

.success-direct-participant.flex {
    height: 429px;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    max-width: 92.7%;

}

.direct-rating h1 {
    color: #FFF;
    font-feature-settings: 'salt' on, 'rclt' off, 'calt' off, 'liga' off;
    font-family: "Roboto Condensed";
    font-size: 160px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    padding-bottom: 44px;
    text-align: start;
    border-bottom: 1px dashed;
    width: 100%;
    max-width: 96.1%;
}

.direct-rating p {
    color: #FFF;
    font-family: 'Roboto';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    padding-top: 60px;
} 

.direct-rating {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 81px;
    width: 100%;
    max-width: 44.1%;
}

.success-direct-participant.flex {
    align-items: center;
    justify-content: space-between;
}

.success-direct-participant-img {
    width: 100%;
    max-width: 36.6%;
}

.success-direct-participant-img p {
    padding-top: 29px;
    color: rgba(255, 255, 255, 0.90);
    font-family: 'Roboto';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.success-direct-participant-img img {
    width: 75.6%;
}

/* success stories  */
section#our-success-hero {
    height: 500px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
} 


.our-success-heading h1 {
    color: #FFF;
    text-align: center;
    font-feature-settings: 'salt' on, 'rclt' off, 'calt' off, 'liga' off;
    font-family: "Roboto Condensed";
    font-size: 80px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
}

.our-success-heading p {
    color: #FFF;
    text-align: center;
    font-family: 'Roboto';
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 31.2px */ 
    padding-top: 14px;
    width: 100%;
    max-width: 33%;
}

.our-success-heading {
    width: 100%;
    max-width: 100%;
    flex-direction: column;
}

.our-blogs-parent {
    width: 100%;
    max-width: 83.1%;
    margin: 0 auto;
    padding-top: 190px;
    flex-direction: column;
    gap: 40px;
}

.customer-story {
    padding: 24px;
    border-radius: 20px;
    background: #E6F0FF;
}

.customer-story h5 {
    color: #0F2D32;
    font-feature-settings: 'salt' on, 'rclt' off, 'calt' off, 'liga' off;
    font-family: "Roboto Condensed";
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    /* 36px */
    padding-top: 48px;
}

.customer-story span p {
    color: #015A69;
    font-feature-settings: 'salt' on, 'rclt' off, 'calt' off, 'liga' off;
    font-family: "Roboto Condensed";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    padding-top: 40px;
    display: flex;
    align-items: center;
    gap: 10px;
} 



.customer-story-blog {
    display: flex;
    gap: 24px;
}

.customer-story-blog a {
    width: 100%;
    max-width: 49%;
}

.customer-story img {
    width: 100%;
    max-width: 100%;
    display: block;
}

.story-review {
    background-color: #005AE0;
    position: relative;
    z-index: 99;
    display: flex;
}



.review-contnt {
    width: 100%;
    max-width: 73%;
    margin: 0 auto;
    padding-block: 80px;
    flex-direction: column;
    gap: 40px;
}


.review-heading h2 {
    color: #FFF;
    text-align: center;
    font-feature-settings: 'salt' on, 'rclt' off, 'calt' off, 'liga' off;
    font-family: "Roboto Condensed";
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
}

.review-dash {
    display: flex;
    gap: 11px;
    justify-content: center;
}

.writer h5 {
    color: #FFF;
    text-align: center;
    font-feature-settings: 'salt' on, 'rclt' off, 'calt' off, 'liga' off;
    font-family: "Roboto Condensed";
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    /* 37.5px */
}

.writer p {
    color: #FFF;
    font-feature-settings: 'salt' on, 'rclt' off, 'calt' off, 'liga' off;
    font-family: "Roboto Condensed";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-align: center;
}

section#success-travel-hero img {
    width: 78%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
} 

.testi-content.testi-2 {
    width: 100%;
    max-width: 100%;
    background: #005AE0;
    overflow: hidden;
}
section#our-success-blogs {
    margin-bottom: 33px;
}
section#success-story-retail {
    margin-bottom: 114px;
}
section#success-story-travel {
    position: relative;
    z-index: 99;
    margin-bottom: 135px;
}


/* add solution  */


section#add-sol-banner {
    height: 500px;
    width: 100%;
    max-width: 100%;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
    display: flex;
} 
 
.ad-banner-heading h1 {
    color: #FFF;
    text-align: center;
    font-family: "Roboto Condensed";
    font-size: 80px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    width: 100%;
    max-width: 70%;
    text-align: center;
    padding-bottom: 24px;
    margin: auto;
}

.ad-banner-heading p {
    color: #FFF;
    text-align: center;
    font-family: 'Roboto';
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    width: 100%;
    max-width: 65%;
}

.ad-banner-heading {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* section#get-personal  */

section#get-personal {
    padding-top: 100px;
}

.something-special {
    display: flex;
    flex-direction: column;
    gap: 80px;
}

.pesnl-podcast-img {
    height: 600px;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 100%;
}

.lets-persnl-img {
    width: 100%;
    max-width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}

.lets-persnl-podcast {
    width: 100%;
    max-width: 47%;
}

img.lets-abs {
    position: absolute;
    top: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    z-index: -1;
}

.lets-persnl-img :nth-child(2) {
    padding-top: 40px;
}

.lets-persnl-prnt.flex {
    align-items: center;
    gap: 80px;
}

.lets-persnl-contnt h2 {
    color: #0F2D32;
    font-family: "Roboto Condensed";
    font-size: 64px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

.lets-persnl-contnt h4 {
    color: #495057;
    font-family: 'Roboto';
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    padding-bottom: 48px;
    width: 100%;
    max-width: 78%;
    padding-top: 36px;
    border-bottom: 1px dashed rgb(15 45 50 / 20%);
}

.lets-persnl-contnt h6 {
    color: #495057;
    font-family: 'Roboto';
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    padding-top: 48px;
    width: 100%;
    max-width: 72.8%;
}

.lets-persnl-contnt {
    max-width: 45.8%;
}

.persnl-listen {
    border-radius: 10px;
    background: #641932;
    height: 60px;
    width: 100%;
    margin-top: 8px;
    gap: 32px;
    padding: 8px;
    height: 2%;
    align-items: center;
}

.persnl-listen button {
    outline: none;
    background: transparent;
    border: none;
}

.podcast-title p {
    color: rgb(255 255 255 / 60%);
    font-family: "Roboto Condensed";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    text-transform: uppercase;
}

.podcast-title h6 {
    color: #FFF;
    font-family: "Roboto Condensed";
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    padding-top: 5px;
} 

.lets-persnl-prnt img {
    display: block;
    max-width: 100%;
}

.lets-persnl-img {
    /* background: linear-gradient(120deg, #F83434 18.92%, rgba(250, 100, 100, 0.00) 75.93%); */
    border-radius: 19px;
    background: #FFF0F0;
    z-index: -1;
}

/* section video podcast  */

section#podcast-video {
    margin-top: 120px;
    position: relative;
    display: flex;
    align-items: center;
    /* background: linear-gradient(126deg, #FA6464 8.84%, rgba(250, 100, 100, 0.00) 78.82%); */
    background: #FFF0F0;
}

.podcast-video-parnt {
    gap: 80px;
    padding-block: 120px;
    position: relative;
    z-index: 9;
}

.podcast-video-parnt h4 {
    max-width: 100%;
}

.podcast-video-parnt h6 {
    max-width: 83%;
}

.podcast-video-img {
    width: 100%;
    max-width: 47%;
}

.podcast-video-abs {
    position: absolute;
    z-index: 1;
    height: 100%;
}

/* section#reach-audience   */

section#reach-audience {
    padding-top: 100px;
    padding-bottom: 100px;
}

.reach-audience-img {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
    width: 47%;
    /* background: linear-gradient(120deg, #F83434 18.92%, rgba(250, 100, 100, 0.00) 75.93%); */
    border-radius: 19px;
    padding: 120px 51px;
}

img.reach-audience-abs {
    position: absolute;
    z-index: -1;
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 19px;
}

.reach-audience-parnt:nth-child(even) {
    padding-top: 100px;
}

section#reach-audience h4 {
    max-width: 100%;
}

section#reach-audience h6,
#seamless-buying h6 {
    max-width: 90%;
}

.reach-audience-parnt {
    gap: 80px;
}

.reach-audience-img :nth-child(2) {
    width: 100%;
    max-width: 100%;
    position: relative;
    z-index: 9;
    border-radius: 24px;
} 

.podcast-video-img img {
    width: 100%;
    display: block;
}



.podcast-video-abs img {
    width: 100%;
    max-width: 100%;
    height: 100%;
}
 

/* Ad-Analytics-banner  */


section#\ Ad-Analytics-banner {
    height: 500px;
    display: flex;
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
}  

section#\ Ad-Analytics-banner .ad-banner-heading p {
    color: rgb(255 255 255 / 70%);
}


.best-cls-parnt {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 120px 41px 91px 41px;
    border-radius: 20px;
}

.Best-cls-solutions h2 {
    color: #FFF;
    text-align: center;
    font-family: "Roboto Condensed";
    font-size: 64px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

section#best-class {
    padding-top: 105px;
}

.brand-lift {
    width: 100%;
    max-width: 23.5%;
    border-radius: 20px;
    background: #00ACA6;
    padding: 36px 11px 33px 11px;
    flex-direction: column;
}

.brand-lift h4 {
    color: #FFF;
    text-align: center;
    font-family: "Roboto Condensed";
    font-size: 34px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 40.8px */
}

.brand-lift p {
    color: #FFF;
    text-align: center;
    font-family: "Roboto Condensed";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    width: 100%;
    max-width: 80%;
    padding-top: 16px;
    padding-bottom: 25px;
/*     border-bottom: 1px solid rgb(255 255 255 / 20%); */
} 
.brand-lift-imgs {
    border-top: 1px solid rgb(255 255 255 / 20%);
    width: 100%;
}

.brand-lift-imgs {
    flex-direction: column;
}

.lifting {
    gap: 26px;
    padding-top: 98px;
}

/* .brand-lift:nth-child(3) h4 {
    font-size: 24px;
} */

.brand-lift:nth-child(3) p {
    max-width: 79%;
    /* padding-bottom: 32px; */
}

/* .brand-lift:nth-child(2) .brand-lift-imgs {
    padding-top: 136px;
} */

.brand-lift-imgs :nth-child(1) {
    padding-bottom: 11px;
}

.brand-lift-imgs :nth-child(2) {
    padding-bottom: 33px;
}

.brand-lift-imgs :nth-child(3) {
    padding-bottom: 25px;
}

.brand-lift-imgs :nth-child(4) {
    padding-bottom: 23px;
}

.brand-lift:nth-child(2) .brand-lift-imgs :nth-child(1) {
    padding-bottom: 29px;
}

.brand-lift:nth-child(3) .brand-lift-imgs :nth-child(1) {
    padding-top: 20px;

}

.brand-lift:nth-child(4) .brand-lift-imgs :nth-child(1) {
    padding-top: 39px;
    padding-bottom: 26px;

} 
 
.awareness-img {
    /* width: 100%; */
    max-width: 70%;
    /* margin: 0 auto; */
    position: relative;
}

img.purchase-abs {
    position: absolute;
    top: 0;
    /* bottom: 38%; */
    z-index: 1;
    top: -24%;
    right: 9%;
    width: 63% !important;
}

img.intent-abs {
    position: absolute;
    top: 50%;
    left: 49%;
}

.awarness {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 73%;
}

.awarness img {
    width: 100%;
    max-width: max-content;
}

.awareness-heading span {
    color: #004B5A;
    font-family: "Roboto Condensed";
    font-size: 64px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 76.8px */
    letter-spacing: -3.2px;
}

.awarness p {
    color: #00ACA6;
    font-family: "Roboto Condensed";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    padding-top: 0px;
    margin-top: -10px;
} 

.awarness:nth-child(2) .awareness-img {
    max-width: 40%;
    margin: 0 auto;
}

.awarness:nth-child(2) {
    max-width: 72%;
    margin-left: auto;
    /* height: auto; */
}

.awareness-heading {
    width: 100%;
    max-width: 37%;
}

.awarness:nth-child(3) {
    max-width: 57.4%;
    margin: unset;
    justify-content: space-between;
    position: relative;
}

.awareness-heading {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.add-effectivness {
    flex-direction: column;
    gap: 26px;
}

.brand-lift img {
    display: block;
}

.add-effectivness img {
    display: block;
}

#drive-full {
    padding-top: 166px;
}

#drive-full h2 {
    color: #015A69;
    text-align: center;
    font-family: "Roboto Condensed";
    font-size: 64px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    padding-bottom: 122px;
}

img.aware-abs {
    position: absolute;
    top: 50%;
    right: 47%;
    width: 100%;
    max-width: 84.8%;
}

.awareness-heading h6 {
    color: #0F2D32;
    font-family: "Roboto Condensed";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

p.src2 {
    color: rgba(0, 0, 0, 0.80);
    text-align: center;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 28.8px */
    padding: 100px 0px 45px 0px;
}
img.gif-img1 {
    display: flex;
    border-radius: 20px;
    padding: 0px !important;
}
.brand-lift-imgs {
    height: 100%;
    justify-content: start;
}
 









/* responsive */

@media only screen and (max-width:1399px) {
    .container {
        padding: 0 20px;
        width: 100%;
    }

}

@media only screen and (max-width:1200px) {
      /* new page  */
      .lets-persnl-prnt.flex {
        gap: 60px;
    }

    .reach-audience-parnt {
        gap: 60px;
    }

    .lifting.flex {
        flex-wrap: wrap;
    }

    .brand-lift {
        max-width: 31%;
    }

    .awarness:nth-child(2) .awareness-img {
        max-width: 42%;
    }

    .awarness:nth-child(3) {
        max-width: 58.5%;
    }

    /* new page  */

    .retail-brand h1 {
        font-size: 48px;
    } 

    .success-story-parent {
        gap: 50px;
    }


    .success-travel-participant {
        width: 100%;
        max-width: 100%;
    }

    .participant-img img {
        height: 100%;
    }

    .success-travel-participant-img img {
        height: 100%;
    }
	.success-travel-participant-img img {
        height: 100%;
        object-fit: none;
    } 
	.awarness p {
    padding-top: 0px;
    margin-top: 10px;
}
	
	
	
	
	
	}




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

.travel-ratting {
    padding: 37px 40px;
	}    
	  
	
}  
@media only screen and (max-width:1090px) {

.travel-ratting {
    padding: 30px 40px;
	}     
	  
	
}  

@media only screen and (max-width:1122px) {
    .our-success-heading p {
        max-width: 40%;
    }

    .ratting h2 {
        font-size: 90px;
    }
	section#\ Ad-Analytics-banner {
    background-position: 90% 100%;
} 

}

@media only screen and (max-width:1024px) {
     /* new page  */

     .ad-banner-heading h1 {
        font-size: 68px;
        padding-bottom: 40px;
        line-height: 100%;
        max-width: 90%;
    }

    .lets-persnl-contnt h2 {
        font-size: 55px;
        line-height: 100%;
    }

    .lets-persnl-contnt h6 {
        font-size: 24px;
        max-width: 100%;
    }

    .lets-persnl-contnt h4 {
        font-size: 30px;
        padding-bottom: 35px;
        padding-top: 35px;
        max-width: 95%;
    }

    .podcast-title h6 {
        font-size: 19px;
    }

    section#get-personal {
        height: unset;
        padding-top: 60px;
    }

    section#reach-audience {
        padding-top: 50px;
    }

    section#seamless-buying {
        padding-top: 50px;
    }

    section#podcast-video {
        margin-top: 50px;
    }

    section#get-personal {
        height: unset;
        padding-top: 40px;
    } 
	section#add-sol-banner {
        height: 500px;
        background-position: 100% 100% !important;
        background-size: cover;
    } 
	section#add-sol-banner {
height: 500px;
	}
/*     section#add-sol-banner {
        height: 60vh;
        background-position: center right 20%;
    } */

    .brand-lift {
        max-width: 48%;
    }

    /* .brand-lift:nth-child(2) .brand-lift-imgs {
        padding-top: 83px;
    } */

    .brand-lift:nth-child(3) p {
        max-width: 58%;
    }

    .best-cls-parnt {
        padding: 60px 30px 50px 30px;
    }

    .lifting {
        padding-top: 60px;
    }

    .Best-cls-solutions h2 {
        font-size: 50px;
    }

    section#best-class {
        padding-top: 60px;
    }

/*     section#\ Ad-Analytics-banner {
        height: 53.6vh;
        background-size: 100% 100%;
    } */

    .awareness-heading h6 {
        font-size: 16px;
    }

    .awarness:nth-child(2) .awareness-img {
        max-width: 50%;
    }

    .awarness {
        max-width: 80%;
    }

    .awarness:nth-child(2) {
        max-width: 66%;
    }

    .awarness:nth-child(3) .awareness-img {
        max-width: 50%;
    }

    .awarness:nth-child(3) {
        max-width: 63.8%;
    }

    #drive-full {
        padding-top: 60px;
    }

    #drive-full h2 {
        font-size: 45px;
        padding-bottom: 60px;
    }

    img.purchase-abs {
        width: 60%;
        top: -14%;
        right: 12.1%;
    }

    /* new page  */

    .our-success-heading h1 {
        font-size: 70px;
    }

    .our-blogs-parent {
        max-width: 100%;
        padding-top: 91px;
        gap: 40px;
    }

    img.review-abs {
        display: none;
    }

    .success-story-parent {
        width: 100%;
        max-width: 100%;
    }

    .retail-brand {
        max-width: 100%;
    }

    .retail-brand {
        padding: 50px 30px;
    }

    .success-story-parent {
        gap: 40px;
    }

    .direct-rating h1 {
        font-size: 100px;
        padding-bottom: 40px;
    }

    .success-direct-participant.flex {
        max-width: 100%;
    }

    .ratting h2 {
        font-size: 90px;

    }

    .ratting h2 {
        font-size: 85px;
    }

    .travel-ratting h2 {
        font-size: 65px;

    }

    .travel-ratting h3 {
        font-size: 30px;
    }


}

@media only screen and (max-width :944px) { 
	 .retail-brand h1 {
        font-size: 38px;
    }
    .success-direct-participant-img {
        width: 100%;
        max-width: 39.6%;
    }
     /* new page  */
     section#something-special {
        padding-top: 40px;
    }

    .something-special {
        gap: 50px;
    }

    .reach-audience-parnt:nth-child(even) {
        padding-top: 40px;
    }
section#success-hero {
    height: 350px;
	 }  
	section#success-travel-hero {
    height: 350px;
} 
	section#success-direct-hero {
    height: 350px;
} 
	
	/* new page  */

}

@media only screen and (max-width:860px) {
    .our-success-heading p {
        max-width: 53%;
    }

    .customer-story-blog.flex {
        flex-direction: column;
    }

    .customer-story-blog a {
        max-width: 100%;
    }

    .customer-story h5 {
        padding-top: 30px;
    }

    .customer-story span p {
        padding-top: 30px;
    }

    .review-contnt {
        max-width: 91%;
        padding-block: 50px;
        gap: 30px;
    }

    .our-blogs-parent {
        padding-top: 60px;
        gap: 30px;
    }

    .retail-counter.flex.justify-content-between {
        padding-top: 30px;
    }

    .success-travel-participant.flex {
        flex-direction: column;
    }

    .travel-counter {
        max-width: 100%;
    }

    .travel-ratting {
        padding: 30px 40px;
        border-radius: 23.761px 23.761px 0px 0px;
    }

    .success-travel-participant.flex {
        flex-direction: column;
    }

    .travel-counter {
        max-width: 100%;
    }

    .travel-ratting {
        padding: 30px 40px;
        border-radius: 23.761px 23.761px 0px 0px;
    }

    .travel-ratting:nth-child(3) {
        border-radius: 0px 0px 0px 0px;
    }

    .success-travel-participant-img {
        max-width: 100%;
    }

    .success-travel-participant-img img {
        border-radius: 23.761px 0px 0px 23.761px;
    }

    .success-travel-participant-img img {
        width: 100%;
        max-width: 100%;
        display: block;
        object-fit: cover;
        border-radius: 0px !important;
        padding-top: 0px;
    } 

    .travel-ratting h2 {
        font-size: 50px;
    }

    .travel-ratting h3 {
        font-size: 25px;
        padding-top: 10px;
    }
     /* new page  */
     .lets-persnl-prnt.flex {
        gap: 40px;
        flex-direction: column;
    }

    .lets-persnl-podcast {
        max-width: 100%;
    }

    .lets-persnl-contnt {
        max-width: 100%;
    }

    section#something-special .lets-persnl-prnt {
        gap: 40px;
        flex-direction: column-reverse;
    }

    .reach-audience-parnt {
        gap: 40px;
        flex-direction: column-reverse;
    }

    .reach-audience-img {
        width: 100%;
    }

    .reach-audience-img :nth-child(2) {
        padding: 30px 30px;
    }

    .podcast-video-abs img {
        width: 100%;
        max-width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .podcast-video-img {
        max-width: 100%;
    }
/* 
    section#add-sol-banner {
        height: 39.9vh;
    } */

    .ad-banner-heading h1 {
        font-size: 52px;
    }

    .lets-persnl-contnt h4 {
        max-width: 100%;
    }

    .podcast-video-parnt {
        gap: 40px;
        padding-block: 60px;
    }

    .lets-persnl-prnt:nth-child(even) {
        flex-direction: column-reverse;
    }


    .reach-audience-parnt:nth-child(even) {
        flex-direction: column;
        padding-top: 25px;
    }

    .lifting {
        padding-top: 40px;
    }

    .awareness-heading span {
        font-size: 55px;
        line-height: 72%;
    }

    img.purchase-abs {
        top: -18%;
        right: 14%;
        width: 67% !important;
        max-width: 100%;
    }

    img.intent-abs {
        top: 32%;
        left: 45%;
    }

    #drive-full h2 {
        font-size: 40px;
        padding-bottom: 40px;
    }

    .awarness:nth-child(3) {
        max-width: 63.8%;
        margin-top: -32px;
    }

    .awarness:nth-child(3) .awareness-img {
        max-width: 40%;
    }

    /* new page  */

}

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

    .our-success-heading h1 {
        font-size: 50px;
    }

    .our-success-heading p {
        font-size: 24px;
        padding-top: 25px;
    }

    .direct-rating h1 {
        font-size: 70px;
        padding-bottom: 30px;
        text-align: center;
    }

    .direct-rating p {
        padding-top: 30px;
    }

    .direct-rating {
        max-width: 100%;
        padding-block: 30px;
        padding-left: unset;
    }

    .success-story-parent {
        gap: 30px;
    }

   

    .retail-brand {
        padding: 40px 25px;
    }

    .objectives p {
        padding-top: 30px;
    }

    .objectives {
        width: 100%;
        max-width: 100%;
    }

    .success-direct-participant.flex {
        height: unset;
        max-width: 100%;
        flex-direction: column;
    }

    .success-direct-participant-img {
        width: 100%;
        max-width: 100%;
    }

    .success-direct-participant.flex p {
        text-align: center;
    }

    .success-direct-participant-img {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

/*     .success-direct-participant.flex {
        padding: 20px;
    } */

    .retail-counter.flex.justify-content-between {
        flex-direction: column;
        gap: 20px;
    }

    .ratting h2 {
        font-size: 60px;
    }

    .ratting {
        max-width: 100%;
    }

    .participants {
        padding: 30px;
    }

    .travel-ratting {
        padding: 25px 25px;
    }

    .brand h1 {
        padding-bottom: 30px;
    }
     /* new page  */

     .podcast-video-parnt.flex {
        gap: 40px;
        flex-direction: column;
        padding-block: 50px;
    }

    .lets-persnl-contnt h2 {
        font-size: 33px;
        line-height: 100%;
    } 

    section#podcast-video {
        margin-top: 40px;
    }

    .ad-banner-heading p {
        font-size: 20px;
    }

    .ad-banner-heading h1 {
        padding-bottom: 20px;
    }

    section#get-personal {
        height: unset;
        padding-top: 20px;
    }

    section#reach-audience h6,
    #seamless-buying h6 {
        max-width: 100%;
    }

    .best-cls-parnt {
        padding: 40px 20px 40px 20px;
    }

    .brand-lift {
        max-width: 100%;
    }

    section#best-class {
        padding-top: 30px;
    }

    .awareness-heading span {
        font-size: 40px;
        line-height: 69%;
    }

    .awarness p {
        font-size: 18px;
    }

    img.intent-abs {
        top: 24%;
        left: 40%;
    }

    .awarness:nth-child(3) {
        max-width: 67.8%;
    }

    .awarness:nth-child(2) .awareness-img {
        max-width: 51%;
    }

    #drive-full {
        padding-top: 40px;
    }

    img.purchase-abs {
        width: 60%;
        top: -21%;
        right: 19.1%;
        /* page-break-after: always; */
    }

    img.intent-abs {
        top: 25%;
        left: 50%;
        width: 78%;
    }

    .reach-audience-img {
        padding: 50px 30px;
    }


    /* new page  */

}

@media only screen and (max-width:600px) {
     /* new page  */
     .ad-banner-heading h1 {
        padding-bottom: 20px;
        max-width: 100%;
        font-size: 33px;
    }

    .ad-banner-heading p {
        font-size: 16px;
    }

    .persnl-listen {
        gap: 20px;

    }

    section#reach-audience {
        padding-top: 30px;
    }

/*     section#add-sol-banner {
        height: 31.9vh;
        background-size: cover;
    } */

    .podcast-title h6 {
        font-size: 16px;
    }

    .lets-persnl-img :nth-child(2) {
        padding-top: 40px;
        padding-inline: 30px;
    }

/*     section#\ Ad-Analytics-banner {
        height: 32.6vh;
        background-size: 100% 100%;
    } */

    section#\ Ad-Analytics-banner .ad-banner-heading p {
        max-width: 100%;
    }

    .Best-cls-solutions h2 {
        font-size: 28px;
    }

    .brand-lift h4 {
        font-size: 25px;
    }

    .lifting {
        padding-top: 20px;
    }

    /* new page  */

    .our-success-heading p {
        max-width: 78%;
    }

    .review-heading h2 {
        font-size: 31px;

    }

    .our-success-heading h1 {
        font-size: 40px;
    }

    .our-blogs-parent {
        padding-top: 40px;
        gap: 30px;
    }

    .retail-brand {
        margin-top: -96px;
    }

    .travel-ratting,
    .travel-ratting:nth-child(3) {
        padding: 20px 20px;
    }

    .participant-img p {
        bottom: 49px;
        font-size: 16px;
        left: 0px !important;
        text-align: center;
    }

    .success-travel-participant-img p {
        bottom: 49px;
        left: 8px;
        text-align: center;
    }
	    section#add-sol-banner {
        height: 400px;
        background-position: 95% 100% !important;
	} 
	
}

@media only screen and (max-width:431px) {
	
	.retail-brand {
        margin-top: -190px !important;
        padding-bottom: 60px;
    } 
     
    /* new page  */

    .lets-persnl-contnt h4 {
        font-size: 20px;
        padding-bottom: 20px;
        padding-top: 20px;
        max-width: 95%;
    }

    .lets-persnl-contnt h6 {
        font-size: 16px;
        max-width: 100%;
        padding-top: 20px;
    }

    section#seamless-buying {
        padding-top: 20px;
    }

    .reach-audience-img :nth-child(2) {
        padding: 20px 20px;
    }

    section#podcast-video {
        margin-top: 20px;
    }

    .podcast-video-parnt.flex h6 {
        max-width: 100%;
    }

    .ad-banner-heading h1 {
        font-size: 26px;
    } 

    .ad-banner-heading p {
        max-width: 88%;
    }

    .brand-lift {
        padding: 20px 11px 20px 11px;
    }

    .brand-lift-imgs :nth-child(2) {
        padding-bottom: 20px;
    }

    /* .brand-lift:nth-child(2) .brand-lift-imgs {
        padding-top: 40px;
    } */

    .awarness:nth-child(3) {
        max-width: 90.1%;
        margin-top: -16px;
    }

    .awareness-heading h6 {
        display: none;
    }

    .awarness p {
        font-size: 14px;
    }

    .awareness-heading span {
        font-size: 26px;
        line-height: 31%;
    }

    .add-effectivness {
        flex-direction: column;
        gap: 12px;
    }

    .awarness:nth-child(2) {
        max-width: 68%;
    }

    .awarness:nth-child(3) img {
        width: 66%;
    }

    .awarness:nth-child(3) {
        max-width: 71.7%;
    }

    img.purchase-abs {
        top: -28%;
        right: 26.1%;
        width: 60% !important;
        max-width: 100%;
    }

    img.intent-abs {
        top: 24%;
        left: 44%;
    }

    #drive-full {
        padding-top: 20px;
    }

    #drive-full h2 {
        font-size: 30px;
        padding-bottom: 30px;
    }
    .brand-lift:nth-child(4) .brand-lift-imgs :nth-child(1) {
        padding-top: 20px;
        padding-bottom: 20px; 
    }
    /* .brand-lift:nth-child(2) .brand-lift-imgs {
        padding-top: 20px;
    } */
    .brand-lift:nth-child(3) p {
        padding-bottom: 20px;
    }
    .Best-cls-solutions h2 {
        font-size: 23px;
    }
    .best-cls-parnt {
        padding: 20px 10px;
    }
    /* new page  */

    .customer-story {
        padding: 15px;
        border-radius: 20px;
        background: #E6F0FF;
    }

    .our-success-heading p {
        max-width: 100%;
    }

    .customer-story h5 {
        font-size: 18px;
        padding-top: 30px;
    }

    .review-heading h2 {
        font-size: 22px;
    }

    .review-contnt {
        padding-block: 30px;
    }

    .our-success-heading p {
        font-size: 18px;
        padding-top: 19px;
    }

    .retail-brand h1 {
        font-size: 28px;
    } 

/*     .retail-brand {
        padding: 23px 14px;
    } */

    .objectives h2 {
        font-size: 22px;
    } 

    .objectives p {
        font-size: 16px;
    }

    .objectives:nth-child(2) p {
        width: 100%;
        max-width: 100%;
    }

    .direct-rating h1 {
        font-size: 45px;
        padding-bottom: 20px;
    }

    .direct-rating p {
        font-size: 16px;
    }

    .success-direct-participant-img p {
        color: rgba(255, 255, 255);

    }

    .success-direct-participant.flex {
        padding: 15px;
    }

    .participants {
        border-radius: 30px;
        background: #0055E1;
        padding: 20px;
    }

    .ratting p {
        font-size: 16px;
        padding-top: 20px;
    }

    .ratting h2 {
        font-size: 50px;
    }

    .src p {
        padding-top: 20px;
        font-size: 16px;
    }

    .objectives p {
        padding-top: 20px;
    }

    .success-story-parent {
        gap: 20px;
    }

    .retail-brand h6 {
        font-size: 16px;
        padding-bottom: 15px;
    }

    .travel-ratting p {
        font-size: 16px;
    }

    .container {
        padding: 0 10px;
    }   
}