@font-face { 
    font-family: Right Grotesk;
    font-style: normal; 
    font-weight: 800; 
    src: url("../font/Right%20Grotesk/Right%20Grotesk/RightGrotesk-CompactBlack.otf"); 
}

@font-face { 
    font-family: Right Grotesk;
    font-style: normal; 
    font-weight: 700; 
    src: url("../font/Right%20Grotesk/Right%20Grotesk/RightGrotesk-Medium.otf"); 
}

@font-face { 
    font-family: Right Grotesk;
    font-style: normal; 
    font-weight: 200; 
    src: url("../font/Right%20Grotesk/Right%20Grotesk/RightGrotesk-NarrowLight.otf"); 
}

@font-face { 
    font-family: Right Grotesk;
    font-style: normal; 
    font-weight: 600; 
    src: url("../font/Right%20Grotesk/Right%20Grotesk/RightGrotesk-SpatialBlack.otf"); 
}

@font-face { 
    font-family: Right Grotesk;
    font-style: normal; 
    font-weight: 300; 
    src: url("../font/Right%20Grotesk/Right%20Grotesk/RightGrotesk-TallFine.otf"); 
}

@font-face { 
    font-family: Right Grotesk;
    font-style: normal; 
    font-weight: 500; 
    src: url("../font/Right%20Grotesk/Right%20Grotesk/RightGrotesk-TightMedium.otf"); 
}

@font-face { 
    font-family: Right Grotesk;
    font-style: normal; 
    font-weight: 400; 
    src: url("../font/Right%20Grotesk/Right%20Grotesk/RightGrotesk-WideMedium.otf"); 
}

@font-face { 
    font-family: Rob Levy Casual;
    font-style: normal; 
    font-weight: 100;
    src: url("../font/rob-levy-casual-cufonfonts/ROBLEVY.TTF"); 
}

body {
    font-size: 1rem;
    font-family: 'Montserrat';
    font-weight: 400;
    overflow-x: clip;
    background: url("../img/OTT_homepage.png");
    background-size: cover;
    background-repeat: no-repeat;
    }

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
}
ul {
    margin: 0;
    padding: 0;
}
html {
    font-size: 16px
}

a { text-decoration:none; color: inherit;}
a:hover { text-decoration:none; color: inherit;}
img {max-width:100%;}
.container { max-width:1200px!important; margin:0 auto; position:relative}

header {
    padding: 7px 0px;
}

header .navList {
    width: 82%;
}

header .navList .list {
    display: flex;
    justify-content: end;
    align-items: center;
}

header .navList ul li {
    list-style: none;
    display: inline-block;
    padding: 25px 9px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0em;
    text-align: left;
    text-transform: uppercase;
}

header .navList ul li a{color: #091238; white-space: nowrap;}

header .navList .list .main-last ul li:last-child a {
    background: #000000;
    color: #fff;
    padding: 9px 24px;
    border-radius: 30px;
    display: flex;
    align-items: center;
}

header .navList .list .main-last ul li:last-child a img {
    margin-left: 7px;
}

section.main-banneer {
    padding: 0px 0px;
    position: relative;
}

section.main-banneer .banner-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: end;
}

section.main-banneer .banner-flex .fl {
    width: 100%;
    position: absolute;
}

section.main-banneer .banner-flex .fr {
    width: 44%;
}

section.main-banneer .banner-flex .banner-content {
    width: 48%;
}

section.main-banneer .banner-flex .banner-content .title,
section.main-banneer .banner-flex .banner-content h1 span {
    font-family: Right Grotesk;
    font-size: 28px;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: 0em;
    text-align: left;
    width: 100%;
    display: block;
        color: #000;
    padding-top: 15px;
}

section.main-banneer .banner-flex .banner-content h1 {
    font-family: Right Grotesk;
    font-size: 112px;
    line-height: 98px;
    letter-spacing: 0em;
    text-align: left;
    font-weight: 400;
    padding-bottom: 40px;
    padding-top: 4px;
}

section.main-banneer .banner-flex .banner-content .txt p {
    /* font-size: 16px; */
    font-weight: 500;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: left;
    color: #091238;
}



.button-flex .btns.btn-back a  button {
 padding: 15px 48px;
 border-radius: 32px;
 font-size: 16px;
 font-weight: 600;
 line-height: 20px;
 letter-spacing: 0em;
 border: 2px solid #0000;
 background: linear-gradient(94.99deg, #FF302A 9.28%, #F28BEA 93.61%) padding-box, linear-gradient(94.99deg, #FF302A 9.28%, #F28BEA 93.61%) border-box;
}

.button-flex .btns.btn-back a span {
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;
}


.button-flex .btns.btn-border a button {
    padding: 15px 48px;
    border-radius: 32px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
    border: 2px solid #0000;
    background: linear-gradient(94.99deg, #ffffff 9.28%, #ffffff 93.61%) padding-box, linear-gradient(94.99deg, #FF302A 9.28%, #F28BEA 93.61%) border-box;
    margin-left: 22px;
}

.button-flex .btns.btn-border a span {
    background: linear-gradient(94.99deg, #FF302A 9.28%, #F28BEA 93.61%);
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
}

.button-flex {
    display: flex;
    margin-top: 36px;
}

section.viral-trands {
    padding: 60px 0px;
        position: relative;
}
.heading {
    padding-bottom: 32px;
}

.heading .main {
    width: fit-content;
    position: relative;
    margin: 0px auto;
    text-align: center;
    max-width: 72%;
}

.heading .main .left {
    position: absolute;
    top: -18px;
    left: -48px;
}

.heading .main .right {
    position: absolute;
    top: -18px;
    right: -48px;
}

.heading h2 {
    font-family: Right Grotesk;
    font-size: 46px;
    font-weight: 400;
    line-height: 56px;
    letter-spacing: 0em;
    text-align: center;
}

section.viral-trands .viral-trands-list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: center;
    padding-bottom: 35px;
}

section.viral-trands .viral-trands-list ul li {
    list-style: none;
    width: 19%;
}

section.viral-trands .viral-trands-list ul li {
    background: #FFFFFF80;
    padding: 25px 10px;
    border-radius: 10px;
}

section.viral-trands .viral-trands-list ul li .listContnet .img img {
    width: 46px;
}

section.viral-trands .viral-trands-list ul li .listContnet .countNum {
    /* background: linear-gradient(94.99deg, #FF302A 9.28%, #F28BEA 93.61%); */
    font-size: 41px;
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
    text-transform: capitalize;
    padding: 18px 0px 4px 0px;
    font-family: 'Right Grotesk';
    color: #FF302A;
    font-weight: 400;
}


section.viral-trands .viral-trands-list ul li .listContnet .title-trand h3 {
    font-family: Right Grotesk;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;
    font-weight: 400;
}

section.viral-trands .viral-trands-content {
    position: relative;
}

section.viral-trands .viral-trands-list ul li:nth-last-child(2), section.viral-trands .viral-trands-list ul li:nth-child(2) {
    /* margin-top: 12%; */
}

section.viral-trands .viral-trands-list ul li:nth-child(1), section.viral-trands .viral-trands-list ul li:nth-child(5){
    /* margin-top: 24%; */
}

section.viral-trands .viral-trands-content .contnet-txt {
    /* position: absolute; */
    left: 0px;
    right: 0px;
    margin: 0px auto;
    width: 94%;
    text-align: center;
    bottom: 0px;
}

section.viral-trands .viral-trands-content .contnet-txt p {
        /* font-size: 16px; */
        font-weight: 500;
        /* line-height: 29px; */
        letter-spacing: 0em;
        color: #091238;
}

p {
    font-size: 17px;
    font-weight: 500;
    line-height: 31px;
    letter-spacing: 0em;
    color: #091238;
}

section.Influencers {
    padding: 60px 0px;
}

section.Influencers .Influencers-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

section.Influencers .Influencers-flex .fl {
    width: 39%;
}

section.Influencers .Influencers-flex .fr {
    width: 57%;
}

section.Influencers .heading .main {
    margin: 0px;
    width: 98%;
    max-width: 100%;
}

section.Influencers .heading .main h2 {
    text-align: left;
}

section.Influencers .InfluencersContent {}

section.Influencers .InfluencersContent .Influencers-btn button {
    padding: 15px 42px;
    border-radius: 32px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
    border: 2px solid #0000;
    background: linear-gradient(94.99deg, #ffffff 9.28%, #ffffff 93.61%) padding-box, linear-gradient(94.99deg, #FF302A 9.28%, #F28BEA 93.61%) border-box;
    margin-top: 25px;
}

section.Influencers .InfluencersContent .Influencers-btn button span, section.Influencers .InfluencersContent .Influencers-btn button span i {
    background: linear-gradient(94.99deg, #FF302A 9.28%, #F28BEA 93.61%);
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
}

section.Influencers .InfluencersContent .Influencers-btn button span i {
    padding-left: 11px;
    font-size: 14px;
    font-weight: 300;
}

section.Influencers .Influencers-flex .InfluencersList ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

section.Influencers .Influencers-flex .InfluencersList ul li {
    list-style: none;
    width: 27.33%;
    margin: 3% 3%;
    display: flex;
    justify-content: center;
}

section.Influencers .Influencers-flex .InfluencersList ul li:nth-child(1) {
    margin-left: 4%;
    margin-top: 78px;
}

section.Influencers .Influencers-flex .InfluencersList ul li .InfluencersList-Area img {}

section.Influencers .Influencers-flex .InfluencersList ul li:last-child {margin-top: -62px;}

section.Influencers .Influencers-flex .InfluencersList ul li .InfluencersList-Area .img {
    position: relative;
}

section.Influencers .Influencers-flex .InfluencersList ul li .InfluencersList-Area .img .social-madia {
    position: absolute;
    bottom: 16%;
    width: 75%;
    background: #FFFFFF;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    padding: 10px 15px;
    border-radius: 25px;
}

section.Influencers .Influencers-flex .InfluencersList ul li .InfluencersList-Area .img .social-madia .icon {
    display: flex;
    justify-content: space-between;
    font-family: Right Grotesk;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: 0em;
    text-align: left;
}

section.Influencers .Influencers-flex .InfluencersList ul li .InfluencersList-Area .img .social-madia i {
    font-size: 18px;
    margin-right: 4px;
}

section.Influencers .Influencers-flex .InfluencersList ul li .InfluencersList-Area .img .social-madia .youtube {
    display: flex;
    align-items: center;
}

section.Influencers .Influencers-flex .InfluencersList ul li .InfluencersList-Area .img .social-madia .youtube i {
    color: red;
}

section.Influencers .Influencers-flex .InfluencersList ul li .InfluencersList-Area .img .social-madia .icon .insta {
    display: flex;
    align-items: center;
}

section.Influencers .Influencers-flex .InfluencersList ul li .InfluencersList-Area .img .social-madia .icon .insta i {
    background: -webkit-gradient(linear, left top, left bottom, from(#e10729), to(#e18232));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

section.OTT-Sparking {
    padding: 60px 0px;
    position: relative;
}

section.OTT-Sparking .ott-barndList ul {
    display: flex;
    flex-wrap: wrap;
        justify-content: center;
}

section.OTT-Sparking .ott-barndList ul li {
    list-style: none;
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

section.OTT-Sparking .ott-barndList ul li .bandArea .img {
    height: 108px;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.OTT-Sparking .ott-barndList ul li .bandArea .img img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.side1 {
    position: absolute;
    right: 0px;
}


section.Influencers.aboutus .Influencers-flex .fl {
    width: 46%;
}

section.Influencers.aboutus .Influencers-flex .fr {
    width: 42%;
}

.side2 {
    position: absolute;
    left: 0px;
}

section.services {
    position: relative;
    padding: 60px 0px;
}

section.services .heading .main h3 {
/*   background: linear-gradient(94.99deg, #FF302A 9.28%, #F28BEA 93.61%); */
    font-size: 48px;
    font-weight: 400;
    letter-spacing: 0em;
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
    font-family: 'Right Grotesk';
    color: #FF302A;
}

section.services .serviceList ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

section.services .serviceList ul li {
    list-style: none;
    width: 29.33%;
    margin: 1% 2%;
    padding: 0px 10px;
    text-align: center;
}


section.services .serviceList ul li .serviceArea {}

section.services .serviceList ul li .serviceArea .service-title h4 {
    font-family: Right Grotesk;
    font-size: 26px;
    line-height: 36px;
    letter-spacing: 0em;
    text-align: center;
    font-weight: 400;
    padding: 25px 0px 7px 0px;
    color: #091238;
}

section.services .serviceList ul li .serviceArea .serviceimg .img {
    width: 100%;
    height: 326px;
    display: flex;
    justify-content: center;
    align-items: end;
}

section.services .serviceList ul li .serviceArea .serviceimg .img img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

section.Influencers.aboutus.socials .heading .main h2 span {
/*   background: linear-gradient(-4.99deg, #FF302A 9.28%, #F28BEA 93.61%); */
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
    color: #FF302A;

}

.side3 {
    position: absolute;
    right: 0px;
    bottom: 7%;
}



section.gallery {
    padding: 60px 0px;
}

section.gallery .galler-list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

section.gallery .galler-list ul li {
    width: 11%;
    list-style: none;
    margin: 0.5%;
    display: flex;
    justify-content: center;
    align-items: center;
}

section.fooer-form {
    padding: 110px 0px 60px 0px;
    position: relative;
}

.heading .main p {
/*    font-size: 16px;*/
    padding: 12px 0px 0px 0px;
        margin: 0px;
}
.arrow {
    position: absolute;
    right: 0px;
    top: 0px;
    left: auto;
}

p {}

.form-area {
     position: relative; 
     margin: 0px auto; 
     width: 75%; 
}

.form-area textarea.form-control{min-height: 100px;/* border-radius: 10px; */}

.form-area .form-control {
    height: 62px;
    border-radius: 45px;
    padding: 15px 26px;
    font-size: 15px;
    color: #8a8888;
}

.form-area .main {
    position: relative;
}

.form-area .main img, .form-area i {
    position: absolute;
    top: 23px;
    left: 22px;
    width: 18px;
}

.form-area .flex-item input.form-control, .form-area .flex-item  select.form-control {
    padding-left: 55px;
}

.flex-item {}

.form-group {
    /* margin-bottom: 15px; */
}

.form-area .flex-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.form-area .flex-item .form-group {
    width: 49%;
}

.form-area .main.btns {
    text-align: center;
}

 input[type=submit] {
    padding: 15px 69px;
    border-radius: 32px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
    border: 2px solid #0000;
    background: linear-gradient(94.99deg, #FF302A 9.28%, #F28BEA 93.61%) padding-box, linear-gradient(94.99deg, #FF302A 9.28%, #F28BEA 93.61%) border-box;
    color: #fff;
    font-size: 16px;
    margin-top: 22px;
}

footer {
    width: 100%;
    padding: 0px 0px 40px 0px;
}

footer .footer-flex {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

footer .footer-flex .fl {
    width: 28%;
    border-right: 1px solid #ccc;
    padding: 12px 0px;
}

footer .footer-flex .fr {
    width: 67%;
    padding: 12px 0px;
}

.hr {
    width: 0px;
    background: #CCCCCC;
}

footer .footer-flex .mainTxt p {
  font-family: Right Grotesk;
  font-size: 21px;
  font-weight: 400;
}

footer .footer-flex .mainTxt p span {
    color: #FF302A;
}

footer .footer-flex .list ul li {
    font-family: 'Right Grotesk';
    list-style: none;
    font-weight: 700;
    color: #000;
    font-size: 13px;
    text-transform: uppercase;
    padding: 5px 0px;
    letter-spacing: 0.5px;
}

footer .footer-flex .fl .list ul {
    column-count: 2;
}

footer .footer-flex .fr .list ul {
    column-count: 3;
}

footer .footer-flex .list ul li:before {
    content: "\003E";
    font-size: 13px;
    margin-right: 7px;
    font-family: 'Montserrat';
    color: #ff302a;
}

.copyRight {
    margin-top: 40px;
    background: #ffffff8c;
    border-radius: 50px;
    display: flex;
    justify-content: space-between;
    padding: 22px 25px;
    align-items: center;
}

.copyRight .social {}

.copyRight .social .flex-text {
    display: flex;
    align-items: center;
}

.copyRight .social .flex-text .listS ul li {
    display: inline-block;
    margin: 0px 4px;
    font-size: 19px;
}

.copyRight .social .flex-text .txt, .copyRight .copyTxt {
    font-size: 15px;
    margin-right: 11px;
}

header .navList .list .main-last ul li:last-child a:hover {
    background: linear-gradient(94.99deg, #FF302A 9.28%, #F28BEA 93.61%) padding-box, linear-gradient(94.99deg, #FF302A 9.28%, #F28BEA 93.61%) border-box;
transition: 0.3s ease-in-out;
}


.button-flex .btns.btn-back a button:hover, .form-area .main.btns button:hover {
    background: linear-gradient(94.99deg, #ffffff 9.28%, #ffffff 93.61%) padding-box, linear-gradient(94.99deg, #FF302A 9.28%, #F28BEA 93.61%) border-box;
    color:red;
}

.button-flex .btns.btn-back:hover a span {
    background: linear-gradient(94.99deg, #FF302A 9.28%, #F28BEA 93.61%);
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
}

.button-flex .btns.btn-border a button:hover, section.Influencers .InfluencersContent .Influencers-btn button:hover{
    background: linear-gradient(94.99deg, #FF302A 9.28%, #F28BEA 93.61%) padding-box, linear-gradient(94.99deg, #FF302A 9.28%, #F28BEA 93.61%) border-box;
linear-gradient(94.99deg, #FF302A 9.28%, #F28BEA 93.61%)
    padding-box, linear-gradient(94.99deg, #FF302A 9.28%, #F28BEA 93.61%) background: border-box;
}

.button-flex .btns.btn-border a button:hover span, section.Influencers .InfluencersContent .Influencers-btn button:hover span, section.Influencers .InfluencersContent .Influencers-btn button:hover span i {
    color: #fff;
    background: none;
    -webkit-text-fill-color: #fff;
}


.copyRight .social .flex-text .listS ul li:hover i, header .navList ul li a:hover, footer .footer-flex .list ul li:hover a {
    color: #ff302a;
}

.MoveUpDown {
  animation: MoveUpDown 2s linear infinite;
}


@keyframes MoveUpDown {
   0% {
        transform: scale(1,1);
    }
    50% {
        transform: scale(1.03,1.03);
    }
    100% {
        transform: scale(1,1);
    }
}



.side4 {
    position: absolute;
    bottom: 10%;
    left: 0px;
}

section.OTT-Sparking .bandArea .img {height: 118px;display: flex;justify-content: center;}

section.OTT-Sparking .bandArea .img img {
    width: auto!important;
    height: auto!important;
}

section.OTT-Sparking .owl-nav {
    display: none;
}

section.OTT-Sparking .owl-theme .owl-dots .owl-dot span {
    background: #fc928e;
}

section.OTT-Sparking .owl-theme .owl-dots .owl-dot.active span {
    background: #f9ced2;
}

section.caseStudeies .owl-theme .owl-dots .owl-dot span {
    background: #fc928e;
}

section.caseStudeies .owl-theme .owl-dots .owl-dot.active span {
    background: #f9ced2;
}

.mainBannerSlider .owl-dots {
    display: none;
}

section.caseStudeies {
    padding: 60px 0px;
}

section.caseStudeies .caseStud-Area {
    padding: 15px;
    border-radius: 9px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
    border: 2px solid #0000;
    background: linear-gradient(94.99deg, #fff0f1 9.28%, #f9f3f1 93.61%) padding-box, linear-gradient(94.99deg, #ff302aab 9.28%, #F28BEA 93.61%) border-box;
    /* background: #fff; */
}

section.caseStudeies .caseStud-Area .img {
    height: 266px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52%;
}

section.caseStudeies .caseStud-Area .img img {
    width: auto!important;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    border: 1px solid #efa6e9;
}

section.caseStudeies .caseStud-Area .viewsArea {
    width: 44%;
}

section.caseStudeies .caseStud-Area .viewsArea .view-list {
    display: flex;
    justify-content: space-between;
    padding: 6px 9px;
    border: 1px solid #ffd5f9;
}

section.caseStudeies .caseStud-Area .viewsArea .view-list .span {
        font-size: 13px;
    font-weight: 500;
}

section.caseStudeies .caseStud-Area .viewsArea .view-list .next {
    font-family: 'Montserrat';
    font-size: 13px;
    color: #ff231b;
}

section.caseStudeies .caseStud-Area .main {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
}

section.caseStudeies .caseStud-Area .viewsArea .view-list:not(:last-child) {border-bottom: 0px solid;}

section.caseStudeies .caseStud-Area .viewsArea .case-logo .img {
    height: 75px;
    border: none;
    width: auto;
    position: absolute;
    top: -10px;
    right: 0px;
    display: block;
}

.Influencers-flex .caseSlider .owl-dots {
    display: block;
}

section.caseStudeies .caseStud-Area .viewsArea .case-logo .img img {
    border: none;
}

section.caseStudeies .caseStud-Area .viewsArea .case-heading {
    text-align: left;
    margin-bottom: 10px;
    text-transform: capitalize;
}


.caseSlider .owl-theme .owl-nav button.owl-prev {
        text-transform: uppercase;
        color: rgb(102, 102, 102);
        cursor: not-allowed;
        outline: none;
        font-size: 14px;
        -webkit-box-align: center;
        align-items: center;
        padding: 0px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        transition: box-shadow 0.25s ease 0s, border-color 0.25s ease 0s;
        z-index: 1;
        background-color: rgb(255, 255, 255)!important;
        border-width: 1px 1px 1px 0px!important;
        border-top-style: solid!important;
        border-right-style: solid!important;
        border-bottom-style: solid!important;
        border-top-color: rgb(77, 77, 77)!important;
        border-right-color: rgb(77, 77, 77)!important;
        border-bottom-color: rgb(77, 77, 77)!important;
        border-image: initial;
        border-radius: 0px 4px 4px 0px;
        height: 64px;
        width: 27px;
        border-left-style: initial!important;
        border-left-color: initial!important;
        left: 0px;
        padding: 0pc;
        margin: 0px;
}

.caseSlider .owl-theme .owl-nav button.owl-next {
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    outline: none;
    font-size: 14px;
    -webkit-box-align: center;
    align-items: center;
    padding: 0px;
    right: 0px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: box-shadow 0.25s ease 0s, border-color 0.25s ease 0s;
    z-index: 1;
    background-color: rgb(255, 255, 255)!important;
    border-width: 1px 0px 1px 1px!important;
    border-top-style: solid!important;
    border-bottom-style: solid!important;
    border-left-style: solid!important;
    border-top-color: rgb(77, 77, 77)!important;
    border-bottom-color: rgb(77, 77, 77)!important;
    border-left-color: rgb(77, 77, 77)!important;
    border-image: initial;
    border-radius: 4px 0px 0px 4px;
    height: 64px;
    width: 27px;
    border-right-style: initial!important;
    border-right-color: initial!important;
    padding: 0pc;
    margin: 0px;
}


.caseSlider  .owl-theme .owl-nav button.owl-prev {
    width: 38px;
    height: 38px;
    left: -19px;
    border: 1px solid rgb(255 56 49)!important;
    border-radius: 50%;
    background: #fff!important;
    opacity: 1;
}

.caseSlider .owl-theme .owl-nav button.owl-next {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    right: -19px;
    background: #fff!important;
    opacity: 1;
    border: 1px solid rgb(255 56 49)!important;
    opacity: 1;
}

.caseSlider .owl-theme .owl-nav button.owl-prev span, .owl-theme .owl-nav button.owl-next span{
    color: red;
    font-size: 34px;
    line-height: 25px;
}

.caseSlider .owl-dots {
    display: none;
}

.caseSlider .owl-theme .owl-nav button.owl-prev.disabled , .caseSlider .owl-theme .owl-nav button.owl-next.disabled {
    border: 1px solid rgb(255 56 49 / 26%)!important;
}

.caseSlider .owl-theme .owl-nav button.owl-prev.disabled span, .caseSlider .owl-theme .owl-nav button.owl-next.disabled span {
    color: #ff000052;
}

section.main-banneer.Services {
    position: relative;
    background: #eeeeee9c;
}

section.main-banneer.Services .container {
    position: static;
}
/*
section.main-banneer.Services .banner-flex .fr {
    width: 48%;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    overflow: hidden;
}*/

section.main-banneer.Services .banner-flex .banner-content h1 {
    font-size: 78px;
    line-height: 78px;
    color: #FF302A;
    margin: 0px;
    padding: 0px 0px 15px 0px;
}

section.main-bann

section.why-realdeal {
    padding: 80px 0px 60px 0px;
}

section.why-realdeal .realdeal-list ul {
    display: flex;
    flex-wrap: wrap;
}

section.why-realdeal .realdeal-list ul li {
    list-style: none;
    width: 23%;
    margin: 1%;
    text-align: center;
    padding: 10px;
}

section.why-realdeal .realdeal-list ul li .realdeal-img .img {
    width: 120px;
    height: 120px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

section.why-realdeal .realdeal-list ul li .realdeal-img {
    width: 100%;
    text-align: center;
    justify-content: center;
    display: flex;
    margin: 15px 0px;
}

section.why-realdeal .realdeal-list ul li .realdeal-img .img img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

section.why-realdeal .realdeal-list ul li .contnet p {
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;
}

section.why-realdeal .realdeal-list ul li .contnet .title {
    font-family: Right Grotesk;
    font-size: 21px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: center;
    padding-bottom: 12px;
}eer.Services .txt {
    margin-top: 25px;
}

section.main-banneer.Services .banner-flex .banner-content .button-flex .btns.btn-border a span:after {
    content: "\2193";
    font-size: 29px;
}

section.main-banneer.Services .banner-flex .banner-content .button-flex .btns.btn-border a button {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    padding: 0px;
    margin: 0px;
}

section.why-realdeal {
    padding: 60px 0px;
}

section.why-realdeal .realdeal-list ul {
    display: flex;
    flex-wrap: wrap;
        justify-content: center;
}

section.why-realdeal .realdeal-list ul li {
    list-style: none;
    width: 18%;
    margin: 1%;
    text-align: center;
    padding: 10px;
}

section.why-realdeal .realdeal-list ul li .realdeal-img .img {
    width: 100px;
    height: 100px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 22px;
}

section.why-realdeal .realdeal-list ul li .realdeal-img {
    width: 100%;
    text-align: center;
    justify-content: center;
    display: flex;
    margin: 15px 0px;
}

section.why-realdeal .realdeal-list ul li .realdeal-img .img img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

section.why-realdeal .realdeal-list ul li .contnet p {
    font-size: 16px;
    font-weight: 300;
    line-height: 27px;
    letter-spacing: 0em;
    text-align: center;
}

section.why-realdeal .realdeal-list ul li .contnet .title {
    font-family: Right Grotesk;
    font-size: 21px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: center;
    padding-bottom: 12px;
}

section.main-banneer.Services .txt {
    margin-top: 25px;
}

section.Influencers.aboutus.ott .heading h2 span.next2 {
    color: #ff302a;
    font-size: 56px;
}

section.Influencers.aboutus.ott .heading h2 span.next{
    color: #000;
   display: block;
   font-size: 27px;
}

section.Influencers.aboutus.ott .heading h3 {
    font-family: Right Grotesk;
    font-size: 27px;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: 0em;
    text-align: left;
}

section.meme-games {
    padding: 60px 0px;
    position: relative;
}

section.meme-games .heading .main {
    text-align: left;
    width: 100%;
    max-width: 40%;
    margin: 0px;
    display: flex;
    align-items: end;
}

section.meme-games .heading .main h2  {
    font-size: 36px;
    line-height: 43px;
    text-align: left;
}

section.meme-games .meme-game-list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

section.meme-games .meme-game-list ul li {
    width: 14%;
}

section.meme-games .meme-game-list ul .meme-games-img {
    display: flex;
    /* justify-content: center; */
    padding: 4px 0px;
}

section.meme-games .meme-game-list ul .meme-games-img .img {
    width: 100px;
    height: 100px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 22px;
}

section.meme-games .meme-game-list ul li {
    list-style: none;
}

section.meme-games .meme-game-list ul li .contnet p {
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0em;
    margin: 0px;
}

section.meme-games .meme-game-list ul li .contnet .title {
    font-family: Right Grotesk;
    font-size: 19px;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0em;
    padding: 10px 0px;
}

.wave {
    position: absolute;
    top: 0px;
    width: 100%;
    left: 0px;
}

.wave img {
    width: 100%;
}

section.meme-games .meme-game-list ul li:nth-child(1) {
    padding-top: 158px;
}
section.meme-games .meme-game-list ul li:nth-child(2) {
    padding-top: 68px;
}
section.meme-games .meme-game-list ul li:nth-child(3) {
    padding-top: 23px;
}

section.meme-games .meme-game-list ul li:nth-child(4) {
    padding-top: 126px;
}
section.meme-games .meme-game-list ul li:nth-child(5) {
    padding-top: 104px;
}
section.meme-games .meme-game-list ul li:nth-child(6) {
}


section.ott-head {
    padding: 60px 0px;
}

section.ott-head .heading h2 span, section.ott-head .heading h3 {
    color: red;
    background: linear-gradient(94.99deg, #FF302A 9.28%, #F28BEA 93.61%);
    font-size: 48px;
    font-weight: 400;
    letter-spacing: 0em;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'Right Grotesk';
}

section.ott-head .heading p {
    font-size: 16px;
    padding: 10px 10%;
}

section.ott-head .ott-head-list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

section.ott-head .ott-head-list ul li {
    width: 30%;
    list-style: none;
    padding: 35px 35px;
    border-radius: 22px;
    position: relative;
    background: linear-gradient(97.68deg, #ff302a69 -16.52%, #f28bea66 104%);
}

section.ott-head .ott-head-list ul li .contnet p {
    font-family: Right Grotesk;
    font-size: 19px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: left;
    color: #494444;
    z-index: 2;
    position: relative;
}

section.ott-head .ott-head-list ul li:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 97%;
    background: #fff;
    z-index: 0;
    border-radius: 22px;
}

section.successStories {
    padding: 60px 0px;
}

section.faqs {
    padding: 60px 0px;
}

section.faqs .faqArea {
    background: #ffffff9e;
    padding: 25px;
    border-radius: 22px;
}

section.faqs .faqArea ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

section.faqs .faqArea ul li {
    list-style: none;
    width: 100%;
    position: relative;
    padding-left: 50px;
    margin-bottom: 25px;
    padding-right: 45px;
    max-height: 100%!important;
}

section.faqs .faqArea ul li:before {
    counter-increment: faq;
    content: counters(faq, ".", decimal-leading-zero) " ";
    font-family: Right Grotesk;
    font-size: 26px;
    text-align: left;
    background: linear-gradient(94.99deg, #ff302a85 9.28%, #f28bea8f 93.61%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: absolute;
    left: 0px;
    top: 0px;
    line-height: 48px;
}

section.faqs {
  counter-reset: faq;
}

section.faqs .faqArea ul li .qus {
    font-family: Right Grotesk;
    font-size: 21px;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    font-weight: 400;
    padding: 10px 0px 0px 0px;
}

.menuIcon{
    display: none;
}

section.main-banneer video::-webkit-media-controls {
  display: none;
}
section.caseStudeies .caseStudyList {}

section.caseStudeies .caseStudyList ul {
    display: flex;
    flex-wrap: wrap;
}

section.caseStudeies .caseStudyList ul li {
    /* width: 29.33%; */
    margin: 2%;
    list-style: none;
    background: #f9ced2;
    text-align: left;
    border-radius: 13px;
}

section.caseStudeies .caseStudyList ul.listing li{
    width: 29.33%;
}

section.caseStudeies .caseStudyList ul li .caseArea {
    display: flex;
    flex-wrap: wrap;
}

section.caseStudeies .caseStudyList ul li .caseArea .casweImgae {
    width: 46%;
    background-repeat: no-repeat;
    border-radius: 10px 0px 0px 10px;
}

section.caseStudeies .caseStudyList ul li .caseArea .caseText {
    width: 54%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: 346px;
    padding: 10px;
}

section.caseStudeies .caseStudyList ul li .caseArea .caseText .tagline {
    width: 100%;
    position: absolute;
    top: 23px;
    text-align: right;
}

section.caseStudeies .caseStudyList ul li .caseArea .caseText .mainCase-logo {
    position: absolute;
    bottom: 15px;
    text-align: center;
    width: 90%;
    display: flex;
    justify-content: center;
    background: #ffffffa8;
    border-radius: 10px;
}

section.caseStudeies .caseStudyList ul li .caseArea .caseText .tagline span {
    background: linear-gradient(45deg, #ff656cb5, #f53c9acf);
    padding: 4px 22px;
    font-size: 11px;
    border-radius: 6px 0px 0px 6px;
    color: #fff;
    font-weight: 500;
}

section.caseStudeies .caseStudyList ul li .caseArea .caseText .mainCase-logo .case-logpo .img {
    height: 54px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.caseStudeies .caseStudyList ul li .caseArea .caseText .mainCase-logo .case-logpo .img img {
    width: auto;
    height: auto;
    max-width: 70%;
    max-height: 100%;
}

section.caseStudeies .caseStudyList ul li .caseArea .comm-case-txt h3 {
    font-size: 18px;
    font-family: 'Right Grotesk';
    font-weight: 400;
    margin: 0px;
}

section.caseStudeies .caseStudyList ul li .caseArea .comm-case-txt p {
        font-size: 13px;
        line-height: 22px;
        margin: 0px;
}

section.caseStudeies .caseStudyList ul li .caseArea .caseText .comm-case-txt {
    margin: 10px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

section.caseStudeies .caseStudyList ul li:nth-child(even) {
    background: #ffccf3;
}

section.caseStudeies .caseStudyList ul li:nth-child(odd) {
    background: #ffdbdf;
}


section.faqs .faqArea ul li:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    position: absolute;
    top: 0px;
    right: 17px;
    line-height: 42px;
    color: #f94522;
    font-size: 31px;
}

section.faqs .faqArea ul li.active:after {
    content: '\2212';
}

section.faqs .faqArea ul li .ans {
    display: none;
}


section.faqs .faqArea ul li.active .ans {
    display: block;
}

.heading .main h2 ins {
    font-size: 28px;
    display: block;
}

section.meme-games.influencerProgram-game .heading .main, section.meme-games.celeb-influencer .heading .main {
    width: fit-content;
    position: relative;
    margin: 0px auto;
    text-align: center;
    padding-bottom: 32px;
    max-width: 72%;
        display: block;
}

section.meme-games.influencerProgram-game .meme-game-list ul li {
    width: 20%;
}
section.meme-games.influencerProgram-game .meme-game-list ul li:nth-child(1){
    padding-top: 161px;
}
section.meme-games.influencerProgram-game .meme-game-list ul li:nth-child(2){
    padding-top: 20px;
}

section.meme-games.influencerProgram-game .meme-game-list ul li:nth-child(3) {
    padding-top: 126px;
}

section.meme-games.influencerProgram-game .meme-game-list ul li:nth-child(4) {
    padding-top: 28px;
}
section.why-realdeal.influencerPro .realdeal-list ul li {
    width: 23%;
}

section.meme-games.influencerProgram-game .heading .main h2, section.meme-games.celeb-influencer .heading .main h2 {
    font-size: 46px;
    line-height: 56px;
    text-align: center;
}

.line-img {
    text-align: center;
    margin-top: 22px;
}

section.sayHello {
    position: relative;
    padding: 60px 0px;
}

.headimg1 {
    position: absolute;
    top: 0px;
    left: 0px;
}

.headimg2 {
    position: absolute;
    right: 0px;
    bottom: 0px;
}


section.sayHello .heading {
    max-width: 82%;
    position: relative;
    margin: 0px auto;
        text-align: center;
}


section.sayHello .helloContent {
    width: 64%;
    margin: 0px auto;
     text-align: center;
}

section.sayHello .helloContent .sayHello-headline h3 {font-family: Rob Levy Casual;font-size: 84px;font-weight: 500;line-height: 116px;letter-spacing: 0em;text-align: center;font-weight: 400;}

section.sayHello .helloContent .sayHello-headline p {
    font-family: Rob Levy Casual;
    font-size: 52px;
    font-weight: 500;
    line-height: 56px;
    letter-spacing: 0em;
    text-align: center;
    padding: 0px 6%;
    background: linear-gradient(94.99deg, #FF302A 9.28%, #F28BEA 93.61%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
        text-transform: capitalize;
}

section.sayHello .helloContent .sayHello-headline h3 span {
    background: linear-gradient(20.99deg, #FF302A 9.28%, #f572b6 93.61%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

section.main-banneer.Services.influncersCont .banner-flex .banner-content {
    width: 54%;
}

.heading h2 span {
    color: #FF302A;
}
section.reviewServices-list{
    padding: 30px 0px;
}

section.reviewServices-list .flexService {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 32px;
}

section.reviewServices-list .flexService .fl {
    width: 42%;
}

section.reviewServices-list .flexService .fr {
    width: 52%;
}

section.reviewServices-list .flexService .ser-txt h3 {
    font-family: 'Right Grotesk';
    font-size: 36px;
    font-weight: 400;
    color: #FF302A;
    margin-bottom: 22px;
}

section.reviewServices-list .flexService .ser-txt h3 span {
    color: #000;
    display: block;
}

/*section.reviewServices-list .flexService .ser-txt .txt p {
    font-size: 16px;
}
*/

section.reviewServices-list .servicereviewListing .flexService:nth-child(even) {
    flex-direction: row-reverse;
}

section.OTT-Sparking .heading h2 span {
    display: block;
}


.ott-barndList.flex-brand {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}


.ott-barndList.flex-brand .items {
    width: 19%;
    margin: 0.5%;
}

section.why-realdeal.regional .realdeal-list ul li {
    width: 31.33%;
}


section.meme-games.influencerProgram-game.regional .meme-game-list ul li {
    width: 17%;
}


section.meme-games.influencerProgram-game.regional .meme-game-list ul li:nth-child(1) {
    padding-top: 169px;
}

section.meme-games.influencerProgram-game.regional .meme-game-list ul li:nth-child(2) {
    padding-top: 41px;
}

section.meme-games.influencerProgram-game.regional .meme-game-list ul li:nth-child(3) {
    padding-top: 60px;
}

section.meme-games.influencerProgram-game.regional .meme-game-list ul li:nth-child(4) {
    padding-top: 130px;
}

section.meme-games.influencerProgram-game.regional .meme-game-list ul li:nth-child(5) {
    padding-top: 0px;
}
.influencerCampaigns-list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 32px;
}

.influencerCampaigns-list ul li {
    list-style: none;
    display: flex;
    width: 48%;
    margin: 10px 0px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.influencerCampaigns-list ul li .img {
    width: 54px;
}

.influencerCampaigns-list ul li .txt {
    width: calc(100% - 74px);
}

.influencerCampaigns-list ul li .txt p {
    font-family: 'Right Grotesk';
    font-size: 17px;
    font-weight: 400;
}

section.partnerSec {
    padding: 30px 0px 60px 0px;
}

section.partnerSec .faqList .qus {background: linear-gradient(94.64deg, #FF302A 3.75%, #F28BEA 96.25%),
linear-gradient(0deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7));padding: 22px;border-radius: 19px;color: #fff;font-family: 'Right Grotesk';font-size: 22px;padding-right: 62px;position: relative;}

section.partnerSec .faqList .qus {
    display: flex;
    align-items: center;
}

section.partnerSec .faqList .qus .img {
    margin-right: 24px;
}

section.partnerSec .faqList .qus .ans li {
    font-weight: 800;
    font-family: 'Right Grotesk';
}

section.partnerSec .faqList .ans li {
    font-weight: 600;
    padding: 18px 0px 10px 0px;
}

section.partnerSec .faqList .ans {
    padding: 22px 24px;
    display: none;
}

section.partnerSec .faqList.active .ans {
    display: block;
}

section.partnerSec .faqList .qus:after {
       content: "\f107";
       font-family: 'FontAwesome';
       float: right;
       margin-left: 5px;
       color: #ffffff;
       position: absolute;
       right: 22px;
       font-weight: 800;
       font-size: 32px;
       transition:0.5s ease-in-out;
}
section.partnerSec .faqList.active .qus:after {
       content: "\f106";
       transition:0.5s ease-in-out;
}

section.meme-games.influencerProgram-game.productLaunch {}



section.meme-games.influencerProgram-game.productLaunch ul li {
    width: 16%;
}

section.meme-games.influencerProgram-game.productLaunch ul li:nth-child(1) {
    padding-top: 166px;
}

section.meme-games.influencerProgram-game.productLaunch ul li:nth-child(2) {
    padding-top: 42px;
}

section.meme-games.influencerProgram-game.productLaunch ul li:nth-child(3) {
    padding-top: 66px;
}

section.meme-games.influencerProgram-game.productLaunch ul li:nth-child(4) {
    padding-top: 134px;
}

section.meme-games.influencerProgram-game.productLaunch ul li:nth-child(5) {
    padding-top: 0px;
}


.con-btn {
    display: flex;
    justify-content: center;
}

.con-btn .button-flex {
    padding: 0px;
    margin: 10px;
}

section.meme-games .meme-game-list {
    position: relative;
}

.brearck .heading h2 span{
    display: block;
}

.brandInflunce {
    display: flex;
    justify-content: space-between;
    margin-top: 36px;
}

.brandInflunce .mainSide {
    display: flex;
    align-items: center;
}

.brandInflunce .mainSide .txtn {
    margin-left: 23px;
}

.brandInflunce .mainSide .txtn span {
    display: block;
    font-weight: 700;
}

section.sayHello.barter-campaign .flexArea {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 25px;
}

section.sayHello.barter-campaign .flexArea .fl {
    width: 41%;
}

section.sayHello.barter-campaign .flexArea .fr {
    width: 50%;
}

.influencerCampaigns-list.half ul li {
    width: 100%;
}

section.profile {
    padding: 60px 0px;
}

section.profile .pro-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

section.profile .pro-flex .fl {
    width: 62%;
}

section.profile .pro-flex .fr {
    width: 36%;
}

.helloContentC {
    text-align: center;
}

section.why-realdeal .realdeal-list ul.creatorService {
    justify-content: center;
}

section.why-realdeal .realdeal-list ul.creatorService li {
    background: #fff9;
    border-radius: 10px;
    padding: 15px 18px;
}

section.meme-games .meme-game-list.addSteps ul li:nth-child(1) .contnet:before {
    content: "Step 1";
    width: 100%;
    display: block;
    margin-top: 12px;
    color: red;
    font-weight: 600;
}
section.meme-games .meme-game-list.addSteps ul li:nth-child(2) .contnet:before {
    content: "Step 2";
    width: 100%;
    display: block;
    margin-top: 12px;
    color: red;
    font-weight: 600;
}

section.meme-games .meme-game-list.addSteps ul li:nth-child(3) .contnet:before {
    content: "Step 3";
    width: 100%;
    display: block;
    margin-top: 12px;
    color: red;
    font-weight: 600;
}

section.meme-games .meme-game-list.addSteps ul li:nth-child(4) .contnet:before {
    content: "Step 4";
    width: 100%;
    display: block;
    margin-top: 12px;
    color: red;
    font-weight: 600;
}

section.meme-games .meme-game-list.addSteps ul li:nth-child(5) .contnet:before {
    content: "Step 5";
    width: 100%;
    display: block;
    margin-top: 12px;
    color: red;
    font-weight: 600;
}

section.associateInfluncer {
    padding: 60px 0px;
}

section.associateInfluncer .associateInfluncer-list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0px auto;
}

section.associateInfluncer .associateInfluncer-list ul li {
/*    width: 33.33%;*/
    padding: 10px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.associateInfluncer-list .owl-nav {
    display: none;
}
section.associateInfluncer .associateInfluncer-list ul li .InfluencersList-Area {
    text-align: center;
    position: relative;
}

section.associateInfluncer .associateInfluncer-list ul li .InfluencersList-Area .social-madia {
    position: absolute;
    bottom: 16%;
    width: 75%;
    background: #FFFFFF;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    padding: 10px 15px;
    border-radius: 25px;
}

section.associateInfluncer .associateInfluncer-list ul li .InfluencersList-Area .social-madia .icon {
    display: flex;
    justify-content: space-between;
    font-family: Right Grotesk;
    font-size: 12px;
    line-height: 11px;
    letter-spacing: 0em;
    text-align: left;
}

section.associateInfluncer .associateInfluncer-list ul li .InfluencersList-Area .social-madia .icon .youtube {
    display: flex;
    align-items: center;
}

section.associateInfluncer .associateInfluncer-list ul li .InfluencersList-Area .social-madia .icon  i {
    font-size: 18px;
    margin-right: 4px;
}

section.associateInfluncer .associateInfluncer-list ul li .InfluencersList-Area .social-madia .icon .youtube i {
    color: red;
}

section.associateInfluncer .associateInfluncer-list ul li .InfluencersList-Area .social-madia .icon .insta i {
    background: -webkit-gradient(linear, left top, left bottom, from(#e10729), to(#e18232));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

section.why-realdeal .realdeal-list ul.ugc li {
    position: relative;
}

section.why-realdeal .realdeal-list ul.ugc li:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 76%;
    background: #ffffff94;
    bottom: 0px;
    left: 0px;
    z-index: -1;
}

  .menu-main-menu-container .menu{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .menu-main-menu-container .sub-menu{
    display: none;
    position: absolute;
    z-index: 999;
    top: 100%;
    backdrop-filter: unset;
    background-color: #f7f4f2;
    min-width: 300px;
    box-shadow: 0px 0px 10px #ddcfcf8a;
    padding: 12px;
    left: -36px;
  }
  .menu li:hover > .sub-menu {
    display: block; 
    animation: dropdown 0.5s ease-in-out;
  }
  @keyframes dropdown {
    0%{
      opacity: 0;
    },
    100%{
      opacity: 1;
    }
  }
  .menu li{
    position: relative; 
  }
  .sub-menu-toggle{
    display: none;
  }

  .menu li:hover > .sub-menu li {
    padding: 5px 7px;
}

.menu li:hover > .sub-menu li a {
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 500;
}

header .navList ul li.menu-item-has-children:after {
    color: #212529;
    right: 1px;
    font-weight: 800;
    font-size: 15px;
    content: "\f107";
    font-family: 'FontAwesome';
    top: 5px;
    padding: 7px;
}


.txt.profilreTxt {
    max-height: 442px;
    overflow-y: auto;
    padding-right: 15px;
}

section.profile .pro-flex {
    align-items: center;
}

section.profile .pro-flex .fr .about-img img {
    border-radius: 16px;
}
/* width */
.txt.profilreTxt::-webkit-scrollbar {
  width: 3px;
}

/* Track */
.txt.profilreTxt::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.txt.profilreTxt::-webkit-scrollbar-thumb {
  background: linear-gradient(94.99deg, #ff302a94 9.28%, #F28BEA 93.61%) padding-box, linear-gradient(94.99deg, #ff302a70 9.28%, #F28BEA 93.61%) border-box; 
}

/* Handle on hover */
.txt.profilreTxt::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

section.main-banneer.aboutArea img {
    width: 100%;
}


section.main-banneer.aboutArea .banner-flex .fl {
    position: relative;
}


section.main-banneer.aboutArea .banner-flex {
    position: absolute;
    width: 100%;
}

section.main-banneer.aboutArea {
    display: flex;
    align-items: center;
}

section.main-banneer.aboutArea .banner-flex .banner-content h1{
    color: #000;
}

section.main-banneer .banner-flex .fr {
   min-height: 90vh;
}

.modal-body .form-group {
    margin-bottom: 13px;
    position: relative;
}

.modal-body .form-control {
    font-size: 14px;
    height: 52px;
}

section.contact .fr .contact-img .form-area .from-group input[type="submit"] {
    padding: 12px 44px;
    border-radius: 32px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
    border: 2px solid #0000;
    background: linear-gradient(94.99deg, #FF302A 9.28%, #F28BEA 93.61%) padding-box, linear-gradient(94.99deg, #FF302A 9.28%, #F28BEA 93.61%) border-box;
    color: #fff!important;
}

h4.modal-title.text-center {
    text-transform: uppercase;
    background: linear-gradient(94.99deg, #FF302A 9.28%, #F28BEA 93.61%);
    font-weight: 600;
    letter-spacing: 0em;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
}

  section.Post-Blog .Post-Blog{
        margin: 40px 0;
    }
    section.Post-Blog .post-list{
        padding: 20px 0;
        /* background-color: aquamarine; */
    }
    section.Post-Blog .post-list ul{
        display: flex;
        flex-wrap: wrap;
        /* background-color: yellowgreen; */
        width: 100%;
    }
    section.Post-Blog .post-list ul li{
        /* background-color: red; */
        margin: 5px 0;
        width: 31.33%;
        list-style-type: none;
        margin: 1%;
    }
    section.Post-Blog .post-area{
        margin: 0 auto;
        width: 100%;
        height: 100%;
    }
    section.Post-Blog .image img{
        height: 235px;
    }
    section.Post-Blog .img-sec{
        position:relative;
    }
    section.Post-Blog .date{
        display: flex;
        background: linear-gradient(94.99deg, #ff6560 9.28%, #F28BEA 93.61%) padding-box, linear-gradient(94.99deg, #FF302A 9.28%, #F28BEA 93.61%) border-box;
        padding: 10px 20px;
        position: absolute;
        bottom: 0;
        align-items: center;
        color: #fff;
        text-align: center;
        justify-content: center;
        font-size: 14px;
    }
    section.Post-Blog .title{
        margin: 20px 0px 10px 0px;
    }
    section.Post-Blog .title h3{
        font-size: 18px;
        font-weight: 600;
    }
    section.Post-Blog .txt{
        padding: 0px 15px;
        font-size: 15px;
        color: rgba(125, 125, 125, 1);
        line-height: 25px;
        height: 178px;
        overflow-y: hidden;
        margin-bottom: 15px;
    }
    section.Post-Blog .txt p{
        height: 178px;
        overflow-y: hidden;
    }
    section.Post-Blog .readmore{
        padding: 0px;
        display: none;
    }
    section.Post-Blog .readmore a:hover{
        color: #ff302a;
    }

    section.services .serviceList ul li .serviceArea .service-txt p {
    font-size: 16px;
    line-height: 29px;
}

    .blog-details .heading{
        width: 70%;
        margin:0 auto;
    }
    .blog-details .heading h1{
        text-align: center;
        font-size: 30px;
        padding: 30px 0;
    }
    section.post.blogs.blog-details .image {
    text-align: center;
}

    .blog-details .txt h2{
        font-size: 24px;
        margin-top: 25px;
    }
    .blog-details .txt h3{
        font-size: 17px;
        margin-top: 25px;
        font-weight: 600;
    }

    section.Post-Blog h1 {
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
}

section.contact {
    width: 100%;
    width: 100%;
    padding: 42px 0 60px 0;
}

section.contact .fl {
    width: 40%
}

.contact-flex {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    /* align-items: center; */
}

section.contact .fr {
    width: 60%;
    /* height: 650px; */
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
}

section.contact .fr .contact-img {
    /* width: 100%; */
    /* height: 100%; */
    /* border: 2px dashed #ff302a; */
    /* border-radius: 50%; */
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
}

section.contact .fr .contact-img .form-area .from-group {
    margin-bottom: 12px;
}

section.contact .fr .contact-img .form-area .from-group .form-control {
    border: 1px solid #fff;
    border-radius: 8px;
    color: #756e6e !important;
    opacity: 1;
    /* height: 43px; */
    padding: 12px;
    font-size: 14px;
}

section.contact .fr .form-area {
    /* width: 90%; */
    /* height: 90%; */
    /* border: 2px dashed #f28bea; */
    /* border-radius: 50%; */
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
}

section.contact .fr .form-area .form {
    /* width: 57%; */
}

section.contact .fr .contact-img .form-area .from-group input[type="button"] {
    background: rgba(229,39,58,1);
    border: 1px solid rgba(229,39,58,1);
    height: 44px;
    font-family: 'GothicNo13 Regular';
    font-size: 16px;
    width: 60%;
    padding: 10px 30px
}

section.contact .fr .contact-img .form-area .from-group.text-center {
    display: flex;
    justify-content: center
}

section.contact .fl .over-heading {
    font-size: 34px;
    line-height: 48px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(229,39,58,1);
    text-transform: uppercase
}

section.contact .fl .contact-txt .heading {
    text-align: left;
    justify-content: flex-start;
    padding: 0
}

section.contact .fl .contact-txt .txt-contcat p {
    color: #fff;
    font-size: 15px;
    font-family: 'Poppins'
}

section.contact .fl .contact-txt .heading h2 {
    margin: 0
}

section.contact .fl .contact-txt .contact-list {
    /* margin-top: 42px; */
}

section.contact .fl .contact-txt .contact-list .list {
    position: relative;
    padding-left: 57px;
    margin-top: 32px
}

section.contact .fl .contact-txt .contact-list .list .img {
    position: absolute;
    left: 0;
    top: 0px;
}

section.contact .fl .contact-txt .contact-list .list .h3 {
    font-size: 24px;
    text-transform: uppercase;
    background: linear-gradient(94.99deg, #FF302A 9.28%, #F28BEA 93.61%);
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
}

section.contact .fl .contact-txt .contact-list .list p a {
    font-size: 21px;
    color: rgb(0 0 0);
    font-size: 15px;
}
section.contact .fl .contact-txt .contact-list .list .img i {
    font-size: 31px;
    background: linear-gradient(94.99deg, #FF302A 9.28%, #F28BEA 93.61%);
    letter-spacing: 0em;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
}

section.post.blogs.blog-details .image img{
    width: auto;
    height: auto;
}

section.main-banneer .banner-flex .fr .img.mobile {
    display: none;
}

section.caseStudeies .owl-nav {
    DISPLAY: NONE;
}


.owl-dots {
    margin-top: 15px;
}

section.caseStudeies .caseStudyList ul li .caseArea .caseText .comm-case-txt:not(:last-child) {
    border-bottom: 1px dashed #fe8190c4;
    padding-bottom: 10px;
}

header .navList ul li.current_page_item a {
    color: red;
}

.influencerCampaigns-list.withEdit ul li .img {
    width: 40px;
}

.influencerCampaigns-list.withEdit ul li .txt {
    width: calc(100% - 58px);
}

.influencerCampaigns-list.withEdit {
    position: relative;
    margin: 0px auto;
    width: 68%;
}

.influencerCampaigns-list.withEdit ul {
    padding: 0px;
    margin: 0px;
}

section.main-banneer.prolaunch .banner-flex .fr {
    width: 32%;
    margin-right: 10%;
}

section.why-realdeal .realdeal-list ul li .realdeal-img.ugcvideo .img {
    padding: 0px;
    width: 120px;
    height: 120px;
}

section.why-realdeal .realdeal-list ul li .realdeal-img.ugcvideo .img img {
    width: 112px;
    height: 112px;
    border-radius: 50%;
    padding: 0px;
}

section.caseStudeies .button-flex {
    justify-content: center;
}

lsection.caseStudeies .button-flex li {
    width: auto;
}

section.caseStudeies .button-flex ul li {
    width: 100%!important;
    background: linear-gradient(94.99deg, #FF302A 9.28%, #F28BEA 93.61%) padding-box, linear-gradient(94.99deg, #FF302A 9.28%, #F28BEA 93.61%)!important;
    color: #fff;
    padding: 9px 31px;
}

section.caseStudeies .button-flex ul {
    display: block;
}

.modal-body  input[type="submit"] {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
    border: 2px solid #0000;
    background: linear-gradient(94.99deg, #FF302A 9.28%, #F28BEA 93.61%) padding-box, linear-gradient(94.99deg, #FF302A 9.28%, #F28BEA 93.61%) border-box;
    color: #fff;
    padding: 12px 38px;
    border-radius: 34px;
}

label {
    font-size: 15px;
    margin: 5px 0px;
}

label span {
    color: red;
}

.videoGallery {
    height: 445px;
}

span.wpcf7-not-valid-tip {
    font-size: 13px;
}
textarea{
max-height: 100px;
}

.modal-body .form-group label {
    position: absolute;
    background: #ffffff;
    top: 10px;
    z-index: 2;
    left: 20px;
    padding: 1px 11px;
    font-size: 11px;
}

.form-area .main p {
    margin: 0px;
}

section.caseStudeies.Video-sec .caseStudyList ul.listing li {
    width: 23%;
    margin: 1%;
}

section.caseStudeies.Video-sec .caseStudyList ul li .caseArea {
    display: block;
}

section.thakyou-page {
    padding: 60px 0px;
}

section.thakyou-page h1 {
    font-size: 31px;
    text-align: center;
    margin: 0px auto;
    width: 54%;
    position: relative;
    line-height: 52px;
    font-weight: 900;
    background: linear-gradient(198deg, #ff302a, #f28bea);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
}

.entry-content {
    width: 1220px;
    margin: 0px auto;
    text-align: left;
    max-width: 100%;
    padding: 0px 15px;
}

h1.entry-title {
    text-align: center;
}