body{
    font-family: 'Tiempos Fine';
}
.mb-20{
    margin-bottom: 20px;
}
.mb-32{
    margin-bottom: 32px;
}
.ft-map iframe {
    width: 100%;
    height: 307px;
}
.stories-box.one{
    border: 3px solid transparent;
    border-image: linear-gradient(to top, #FAFAFA 0%, #131313 100%);
    border-image-slice: 1;
    padding: 25px 30px;
    background: #FAFAFA;
}
.stories-box.two {
    border: 3px solid transparent;
    border-image: linear-gradient(to bottom, #FAFAFA 0%, #23CE6B 100%);
    border-image-slice: 1;
    padding: 30px;
    position: relative;
    top: 50px;
    background: #FAFAFA;
}

.hashtag {
    background: url(../images/hashtag-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: fit-content;
    padding: 10px 33px;
    clip-path: polygon(6% 0, 100% 0%, 95% 100%, 0% 100%);
}
.create-stories-sec{
    background: url(../images/create-stories-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    padding-bottom: 90px !important;
}
.richard:before {
    content: '';
    border-bottom: 2px solid;
    padding-right: 40px;
    margin-right: 10px;
    position: relative;
    top: -12px;
}
.quotation {
    position: absolute;
    top: 35px;
}
.communication-left-top {
    position: absolute;
    left: 0px;
    top: 50px;
}
.communication-right-bottom {
    position: absolute;
    right: 0px;
    bottom: 50px;
}
.seth-godin .quotation {
    position: absolute;
    top: 83px;
}

/*Desktop projects horizontal scroll*/
section.phorizontal {overflow: hidden;}
section.phorizontal .ppin-wrap,
section.phorizontal .panimation-wrap {display: flex; position: relative; z-index: 1; }
section.phorizontal .lpitem{position: relative; background: #fff; flex: 0 0 500px; display: flex; flex-direction: column; align-items: center; overflow: hidden; margin-right: 30px; border-radius: 8px;}
section.phorizontal .lpitem .lp-item-logo{ margin-bottom: 30px; width: 100%; padding-top: 10px;}
section.phorizontal .lpitem .lp-item-img{ text-align: center;}
section.phorizontal .lpitem h4{ margin-bottom: 30px;}
section.phorizontal .lpitem a{ color: #000;}
section.phorizontal .lpitem:nth-of-type(1){ margin-left: 5%;}
section.phorizontal .lpitem:nth-last-of-type(1){ flex: 0 0 30px; margin-right: 10px;}

section.phorizontal .lpitem, section.phorizontal .lpitem-group  {position: relative; flex: 0 0 311px; top:150px;height: auto; display: flex; flex-direction: column; align-items: center; overflow: hidden; margin-right: 24px; border-radius: 8px;}


section.phorizontal .lpitem-group--inner .lpitem{flex: unset; height: unset; margin-right: unset;}
section.phorizontal .lpitem-group--inner .lpitem:nth-of-type(1){ margin-left: unset;}
section.phorizontal .lpitem-group--inner .lpitem:nth-last-of-type(1){ flex: unset;}
/*section.phorizontal .lpitem-group--inner .lpitem:nth-of-type(1){ padding: 20px;}*/
section.phorizontal .lpitem-group--inner { display: grid; grid-template-areas: 'myArea myArea'; grid-gap:30px;}
section.phorizontal .lpitem-group--inner .lpitem3{ grid-area: myArea;}
section.phorizontal .lpitem-first{margin-left: 5%;}

/*************Extra**************/

.service-main {
    position: relative;
    background: #FAFAFA;
    padding: 30px;
    height: 317px;
}
.service-main.two{
    height: 248px;
}
.service-main.three{
    height: 248px;
}
.service-main.four{
    height: 304px;
    margin-right: 12px;
}
.service-main.five{
    height: 304px;
    margin-left: 12px;
}
.service-main.six{
    height: 190px;
}
.service-main.seven{
    height: 248px;
    margin-bottom: 24px;
}
.service-main.eight{
    height: 248px;
}
.service-number {
    position: absolute;
    bottom: 0px;
    right: 0px;
}
.lpitem-group.col-three {
    flex: 0 0 646px !important;
}
.lpitem-group.col-four {
    flex: 0 0 341px !important;
}

.servhead{
    margin-bottom: -40px;
}
section.phorizontal {
    margin-bottom: -70px;
}
.servicesld .swiper-slide{display: flex; align-items: stretch; height: auto;}
.insta-btn a{
    color: #23CE6B;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 139%;
    letter-spacing: 0.5px;
    border: 2px solid #23CE6B;
    padding: 15px 24px;
}
.insta-btn a:before {
    content: url(../images/home/insta-feed-icon.svg);
    top: 5px;
    position: relative;
    margin-right: 10px;
}
.insta-btn a:hover {
    color: #fff;
    background: #23CE6B;
    transition-duration: 0.5s;
}
.insta-btn a:hover::before{
    filter: brightness(0) invert(1);
    
}
.insta-bg-top {
    position: absolute;
    top: -30px;
    right: calc(100% - 30% - 20%);
}
span.serv-number {
    color: #D6F6E3;
    font-size: 34px;
    font-weight: 800;
    margin-right: 10px;
}
.sev-offer-mobile button.accordion-button {
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    border: 0px;
    background: #FAFAFA;
}

.sev-offer-mobile .accordion-item {
    margin-bottom: 20px;
    border:unset;
}
.sev-offer-mobile .accordion-item:last-child {
    margin-bottom: 0px;
}
.sev-offer-mobile .accordion-button:not(.collapsed) {
    color: #131313;
    background-color: #D6F6E3;
    box-shadow: none;
}
.sev-offer-mobile .accordion-button:not(.collapsed) span.serv-number{
    color: #23CE6B;
}
.sev-offer-mobile .accordion-body {
    background: #D6F6E3;
    color: #59625D;
    padding-top: 0px;
}
.sev-offer-mobile .accordion-button:focus {
    box-shadow: none;
}
.sev-offer-mobile .accordion-button::after {
    content: "\f124";
    font-family: "bootstrap-icons";
    background-image: none;
    font-size: 22px;
    position: relative;
    right: -8px;
    color: #131313;
    font-weight:800;
}
.sev-offer-mobile .accordion-button:not(.collapsed)::after{
    font-weight:800;
    color: #23CE6B;
}
.ppin-wrap {
    top: -43px !important;
}
/* Custom Css */

.about-banner {
    padding-top: 120px;
    padding-bottom: 120px;
}

.about-sec {
    background-image:  url(../images/about/ld-img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.award-bg  {
    background-image:  url(../images/about/award-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover; 
}

.c-abt {
    position: relative;
    background: #ffffff;
    padding: 35px;
}

.c-card {
    margin-top: -25px;
}

.unique .green-star {
    list-style-type: none;
    list-style-image: url(../images/home/star.svg);
}

.unique .green-line {
    list-style-type: none;
    list-style-image: url(../images/about/line.svg);
}

.gn-line:before {
    color: #23CE6B;
    content: '';
    border-bottom: 2px solid;
    padding-right: 40px;
    margin-right: 10px;
    position: relative;
    top: -12px;
}
.service2-banner-leftbottom{
    position: absolute;
    bottom:0px;
    left:0px;
}
.service2-banner-rightbottom{
    position: absolute;
    bottom:0px;
    right:0px;
}
.influence {
    border: 3px solid transparent;
    border-image: linear-gradient(to bottom, #FAFAFA 0%, #23CE6B 100%);
    border-image-slice: 1;
    padding: 50px 50px;
    position: relative;
    background: #FAFAFA;
    max-width: 90%;
    margin: auto;
    top: -70px;
}
.banner-h-icon {
    position: absolute;
    top: -39px;
    right: calc(100% - 78% - 20%);
}
.talent-and-creator-pg .banner-h-icon {
    right: calc(100% - 79% - 20%);
    top: -10px;
}
.event-conceptualization-pg .banner-h-icon {
    right: calc(100% - 76% - 20%);
    top: -40px;
}
.content-pg .banner-h-icon {
    right: calc(100% - 78% - 20%);
    top: -60px;
}
.leadership-pg .banner-h-icon {
    right: calc(100% - 82% - 20%);
    top: -34px;
}
.collaborations-pg .banner-h-icon {
    right: calc(100% - 80% - 20%);
    top: 0px;
}
.internal-pr-pg .banner-h-icon {
    right: calc(100% - 57% - 20%);
    top: 75px;
}
.engage-icon-top {
    position: absolute;
    top: -10px;
    left: -4px;
}
.expert-solution-pg .engage-icon-top {
    top: -20px;
    left: -15px;
}
.talent-and-creator-pg .engage-icon-top {
    top: -5px;
    left: 35px;
}
.event-conceptualization-pg .engage-icon-top {
    top: 12px;
    left: -40px;
}
.content-pg .engage-icon-top {
    top: -20px;
    left: 60px;
}
.leadership-pg .engage-icon-top {
    top: -5px;
    left: -15px;
}
.collaborations-pg .engage-icon-top {
    top: 8px;
    left: -15px;
}
.internal-pr-pg .engage-icon-top {
    top: -25px;
    left: 12px;
}
.engage-icon-bottom {
    position: absolute;
    bottom: -8px;
    right: 295px;
}
.expert-solution-pg .engage-icon-bottom {
    bottom: -5px;
    right: 290px;
}
.talent-and-creator-pg .engage-icon-bottom {
    bottom: 0px;
    right: -25px;
}
.event-conceptualization-pg .engage-icon-bottom {
    bottom: -5px;
    right: -10px;
}
.content-pg .engage-icon-bottom {
    bottom: -5px;
    right: 455px;
}
.leadership-pg .engage-icon-bottom {
    bottom: 0px;
    right: 365px;
}
.collaborations-pg .engage-icon-bottom {
    bottom: 12px;
    right: 410px;
}
.internal-pr-pg .engage-icon-bottom {
    bottom: 30px;
    right: 0px;
}
.service-faq .accordion-button:not(.collapsed) {
    color: #59625D;
    background-color: transparent;
    box-shadow: none;
}
.service-faq .accordion-item {
    background: transparent;
    border-bottom: 1px solid rgba(0, 0, 0, 0.20);
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-radius: 0px;
}
.service-faq button.accordion-button{
    padding: 25px 0px;
    background: transparent;
}
.service-faq .accordion-button:focus {
    border-color: transparent;
    box-shadow: none;
}
.service-faq .accordion-body.roboto-font {
    padding: 0px 0px 25px 0px;
    font-size: 20px;
    color: #59625D;
    line-height: 140%;
}
.service-faq .accordion-button::after {
    content: url(../images/influencer-marketing/faq-arrow.svg);
    background-image: none;
    top: 10px;
    position: relative;
}
.influencer-marketing-banner, .talent-and-creator-banner,
 .event-conceptualization-banner, .internal-pr-banner, .content-banner{
    background: url(../images/influencer-marketing/banner-bg.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.traditional-and-digital-banner {
    padding-bottom: 130px;
}

.sp-card {
    margin-top: -120px;
}

.key-per {
    background-image:  url(../images/traditional-and-digital/bg-img.png);
    background-repeat: no-repeat;
    background-size: cover; 
}

.card-bg-gy {
    background-color: #fafafa;
}

.strategic-bg {
    background-image:  url(../images/traditional-and-digital/strategic.jpg);
    background-repeat: no-repeat;
    background-size: contain;  
}

.benefits {
    position: relative;
    padding: 30px;
        width: 100%;
}

.traditional-and-digital-pg .banner-h-icon {
    position: absolute;
    top: 75px;
    right: calc(100% - 63% - 20%);
}
.br-bttm {
    border-bottom: 1px solid #DDDDDD;
}
.key-per h4{
    color: #000;
    font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.contact-frm-main{
    background: #272D2D;
    width: 50%;
    margin: auto;
}
.contact-page-form {
    width: 80%;
    margin: auto;
}
.contact-frm-main input{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #000;
    padding: 12px 16px 12px 16px;
    margin-bottom: 24px;
    border-radius: 0px;
    border: 1px solid #D0D5DD;
}
.contact-frm-main ::placeholder {
    color: #90A3A3;
    opacity: 1;
  }
.contact-frm-main ::-ms-input-placeholder { 
    color: #90A3A3;
}
.contact-frm-main button{
    padding: 13px 20px;
    background: #23CE6B;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    margin-top: 0px !important;
    border-radius: 0px;
    border: 1px solid #23CE6B;
}
.contact-frm-main button:hover{
    background: transparent;
    color: #23CE6B;
    border: 1px solid #23CE6B;
}
.contact-frm-main .iti__selected-flag {
    border-right: 1px solid #D0D5DD;
}
.contact-frm-main input#phone {
    padding-left: 75px;
}
.contact-frm-main .iti__arrow:after {
    content: url(../images/contact/arrow.svg);
    position: relative;
    top: -11px;
    right: 0px;
}
.contact-frm-main  .iti__arrow--up {
    border-bottom: 0px;
}
.contact-frm-main .iti__selected-flag {
    padding: 16px;
}
.contact-frm-main .iti__arrow {
    border-top: 0px;
}
.contact-frm-main textarea {
    padding: 12px 0px 0px 16px;
    border: 1px solid #D0D5DD;
    background: #FFF;
    width: 100%;
    height: 128px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 32px;
    color: #000;
    font-size: 14px;
    border-radius:0px;
}
.contact-frm-main .iti.iti--allow-dropdown {
    width: 100%;
    margin-bottom: 24px;
}
.contact-bg {
    background: url(../images/contact/banner.svg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 568px;
}
.get-touch {
    margin-top: -290px;
}
.contact-map iframe{
        width: 100%;
        height: 100vh;
}
.form-control:focus {
    border-color: transparent;
    box-shadow: none;
}
:focus-visible {
    outline: none;
}
textarea:focus-visible {
    outline-offset: 0px;
}
.mb-13{
    margin-bottom: 13px;
}
.careers-bg{
    background: url(../images/careers-pg/careers-bg.svg);
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center;
}
.email-btn a:before {
    content: url(../images/careers-pg/email-btn.svg);
    margin-right: 10px;
    position: relative;
    top: 10px;
}
.email-btn a{
    color: #23CE6B;
    font-size: 22px;
    font-weight: 500;
    line-height: 140%;
    background: #FFF;
    padding: 10px 28px;
}
.cliemt-logo p{
    margin-bottom: 26px;
    color: #B4B4B4;
    font-weight: 500;
    width: fit-content;
}
.clientSwiper .swiper-slide{width: auto !important;}
@media screen and (min-width:1200px){
    

    .careers-gallery {
        margin-top: -70px;
    }
    .careers-bg{
        padding-bottom: 120px !important;
    }
    .richard-sec{
        padding-top: 120px;
    }
    .quotation {
        top: 60px;
    }
    .seth-godin .quotation {
        position: absolute;
        top: 48px;
    }
    .line-tp-bg {
        background: url(../images/line-tb-bg.svg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .line-tp-bg1{
        background: url(../images/line-tb-bg1.svg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .traditional-and-digital-banner h1 {
        font-size: 52px !important;
    }
    
    .row.s-off-m{
        margin-top: -110px !important;
    }
    .about-sec {
        max-width: 1100px;
        margin: auto;
    }
    .influencer-marketing-pg .heading {
        max-width: 1160px;
        margin: auto;
    }
    .talent-and-creator-pg .heading {
        max-width: 1160px;
        margin: auto;
    }
    .event-conceptualization-pg .heading {
        max-width: 1160px;
        margin: auto;
    }
    .content-pg .heading {
        max-width: 1160px;
        margin: auto;
    }
    .leadership-pg .heading {
        max-width: 1160px;
        margin: auto;
    }
    .collaborations-pg .heading {
        max-width: 1160px;
        margin: auto;
    }
    .traditional-and-digital-pg .heading {
        max-width: 547px;
        margin: auto;
    }
}
@media screen and (min-width:768px) and (max-width:1080px){
   
    .locationicon{
        transform: scale(1);
    }
    .emailicon{
        transform: scale(1);
    }
    .phoneicon{
        transform: scale(1);
    }
    .tab-db{
        display: block;
    }
    .event-conceptualization-pg .banner-h-icon {
        right: calc(100% - 82% - 20%);
        top: -45px;
    }
    .event-conceptualization-pg .engage-icon-bottom {
        right: 160px;
    }
    .event-conceptualization-pg .engage-icon-top {
        top: 5px;
        left: 10px;
    }
    .leadership-pg .banner-h-icon {
        right: calc(100% - 84% - 20%);
        top: -70px;
    }
    .leadership-pg .engage-icon-bottom {
        right: 15px;
    }
    .leadership-pg .engage-icon-top {
        top: 5px;
        left: 25px;
    }
    .collaborations-pg .banner-h-icon {
        right: calc(100% - 75% - 20%);
        top: -25px;
    }
    .collaborations-pg .engage-icon-bottom {
        right: 130px;
    }
    .collaborations-pg .engage-icon-top {
        top: 5px;
        left: -40px;
    }
    .content-pg .banner-h-icon {
        right: calc(100% - 80% - 20%);
        top: -70px;
    }
    .content-pg .engage-icon-bottom {
        right: 155px;
    }
    .content-pg .engage-icon-top {
        top: -20px;
        left: 10px;
    }
    .internal-pr-pg .banner-h-icon {
        right: calc(100% - 63% - 20%);
        top: 47px;
    }
    .internal-pr-pg .engage-icon-bottom {
        right: 0px;
        bottom: -5px;
    }
    .internal-pr-pg .engage-icon-top {
        top: -5px;
        left: 17px;
    }
    .talent-and-creator-pg .banner-h-icon {
        right: calc(100% - 85% - 20%);
        top: -20px;
    }
    .talent-and-creator-pg .engage-icon-bottom {
        right: 40px;
    }
    .talent-and-creator-pg .engage-icon-top {
        top: -5px;
        left: -10px;
    }
    .row.s-off-m{
        margin-top: -100px;
    }
    .stories-box.two {
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .traditional-and-digital-pg .banner-h-icon {
        top: -10px;
        right: calc(100% - 86% - 20%);
    }
    .banner-h-icon {
        right: calc(100% - 83% - 20%);
        top: -60px;
    }
    .engage-icon-top {
        left: -20px;
    }
    .engage-icon-bottom {
        bottom: -5px;
        right: 140px;
    }
    .influence {
        padding: 30px 30px;
        top: -60px;
    }
    .quotation {
        top: 20px;
        left: 50px;
    }
    .seth-godin .quotation {
        top: 20px;
        left: 54px;
    }
    .service-main {
        height: auto;
    }
    .swiper-button-next.servsld-next {
        right: 40%;
    }
    .swiper-button-prev.servsld-prev {
        left: 40%;
    }
    .c-card{
        margin-top: 0px;
    }
    .expert-solution-pg .engage-icon-top {
        top: -5px;
        left: 15px;
    }
    .expert-solution-pg .engage-icon-bottom {
        bottom: -5px;
        right: 220px;
    }
    .contact-bg {
        height: 430px;
    }
    .contact-map iframe {
        height: 50vh;
    }
    .get-touch {
        margin-top: -180px;
    }
    .contact-frm-main {
        width: 90%;
    }
}
@media screen and (min-width:1080px) and (max-width:1200px){
  
    .careers-gallery {
        margin-top: -70px;
    }
    .careers-bg{
        padding-bottom: 120px !important;
    }
    .collaborations-pg .banner-h-icon {
        right: calc(100% - 82% - 20%);
    }
    .content-pg .banner-h-icon {
        right: calc(100% - 80% - 20%);
        top: -75px;
    }
    .event-conceptualization-pg .banner-h-icon {
        right: calc(100% - 81% - 20%);
        top: -60px;
    }
    .engage-icon-top {
        left: 36px;
    }
    .engage-icon-bottom {
        right: 325px;
    }
    .banner-h-icon {
        top: -60px;
    }
    .richard-sec{
        padding-top: 120px;
    }
    .quotation {
        top: 56px;
    }
    .seth-godin .quotation {
        top: 46px;
    }
    .expert-solution-pg .engage-icon-top {
        left: 5px;
    }
    .expert-solution-pg .engage-icon-bottom {
        right: 190px;
    }
    .swiper-button-next.servsld-next {
        right: 40%;
    }
    .swiper-button-prev.servsld-prev {
        left: 40%;
    }
    .traditional-and-digital-pg .banner-h-icon {
        top: 130px;
        right: calc(100% - 38% - 20%);
    }
    .stories-box.two {
        padding: 50px 50px;
    }
    .stories-box .col-lg-5{
        margin-bottom: 0px !important;
    }
    .row.s-off-m{
        margin-top: -100px;
    }
    .max-782{
        max-width: 782px;
        margin: auto;
    }
    .talent-and-creator-pg .engage-icon-top {
        left: -15px;
    }
    .talent-and-creator-pg .engage-icon-bottom {
        right: 95px;
    }
    .event-conceptualization-pg .engage-icon-top {
        left: -30px;
    }
    .event-conceptualization-pg .engage-icon-bottom {
        right: 50px;
    }
    .content-pg .engage-icon-top {
        left: 45px;
    }
    .content-pg .engage-icon-bottom {
        right: 390px;
    }
    .leadership-pg .engage-icon-top {
        left: -30px;
    }
    .leadership-pg .engage-icon-bottom {
        right: 330px;
    }
    .collaborations-pg .engage-icon-top {
        left: -40px;
    }
    .collaborations-pg .engage-icon-bottom {
        right: 340px;
    }
    .internal-pr-pg .engage-icon-top {
        left: 0px;
    }
    .internal-pr-pg .engage-icon-bottom {
        right: 300px;
        bottom: 0px;
    }
    .landsacpe-db{
        display: block;
    }
}
@media screen and (max-width:500px){
    
    .locationicon{
        transform: scale(1);
    }
    .emailicon{
        transform: scale(1);
    }
    .phoneicon{
        transform: scale(1);
    }
    .home-banner .green-star {
        padding: 5px;
    }
    .green-star li {
        font-size: 18px !important;
    }
    .talent-and-creator-pg .banner-h-icon {
        right: calc(100% - 80% - 20%);
        top: -25px;
    }
    .contact-bg {
        height: 430px;
    }
    .contact-map iframe {
        height: 50vh;
    }
    .get-touch {
        margin-top: -150px;
    }
    .contact-frm-main {
        width: 90%;
    }
    .banner-h-icon {
        top: -60px;
    }
    .traditional-and-digital-banner {
        padding-bottom: 120px;
        padding-top: 120px;
    }
    .stories-box.two.sp-card {
        padding: 20px 20px;
        top: 50px;
    }
    .mx-15 {
        margin-left: 15px;
        margin-right: 15px;
    }
    .traditional-and-digital-pg .banner-h-icon {
        top: 28px;
        right: calc(100% - 83% - 20%);
    }
    .s-off-m {
        margin-top: -180px;
        margin-left: 10px;
        margin-right: 10px;
    }
    .influencer-marketing-banner, .talent-and-creator-banner, 
    .event-conceptualization-banner, .internal-pr-banner, .content-banner {
        background-position: right;
    }
    .engage-icon-top {
        top: -5px;
        left: 5px;
    }
    .influence {
        padding: 20px 20px;
        top: -60px;
    }
    .c-card{
        margin-top: 0px;
    }
    .service-main{
        height: 100% !important;
        display: flex;
        flex-direction: column;
    }
    .servhead {
        margin-bottom: 0px;
    }
    .servsld-next {
        right: 40% !important;
    }
    .servsld-prev {
        left: 40% !important;
    }
    .stories-box.two {
        top: 25px;
    }
    .create-stories-sec {
        padding-bottom: 70px !important;
    }
    .quotation {
        top: 19px;
    }
    .seth-godin .quotation {
        top: 21px;
    }
    .home-banner {
        padding-top: 40px;
    }
    .event-conceptualization-pg .banner-h-icon {
        right: calc(100% - 75% - 20%);
        top: -59px;
    }
    .content-pg .banner-h-icon {
        right: calc(100% - 78% - 20%);
        top: -80px;
    }
    .leadership-pg .banner-h-icon {
        right: calc(100% - 78% - 20%);
        top: -80px;
    }
    .collaborations-pg .banner-h-icon {
        right: calc(100% - 78% - 20%);
        top: -80px;
    }
    .internal-pr-pg .banner-h-icon {
        right: calc(100% - 78% - 20%);
        top: -55px;
    }
}
/* screen size 50% to 90% start */
@media screen and (min-width:1300px) and (max-width:3000px){
    .talent-and-creator-pg .banner-h-icon {
        right: calc(100% - 77% - 20%);
    }
    .seth-godin .quotation {
        position: absolute;
        top: 76px;
    }
    .quotation {
        top: 86px;
    }
    .event-conceptualization-pg .banner-h-icon {
        right: calc(100% - 74% - 20%);
    }
    .content-pg .banner-h-icon {
        right: calc(100% - 76% - 20%);
    }
    .leadership-pg .banner-h-icon {
        right: calc(100% - 80% - 20%);
    }
    .collaborations-pg .banner-h-icon {
        right: calc(100% - 78% - 20%);
    }
    .internal-pr-pg .banner-h-icon {
        right: calc(100% - 53% - 20%);
    }
    .device-block{
        display: block;
    }
    .internal-pr-pg .engage-icon-top {
        top: -22px;
        left: 25px;
    }
    .internal-pr-pg .engage-icon-bottom {
        bottom: -5px;
        right: -6px;
    }
    .content-pg .engage-icon-top {
        top: -20px;
        left: 60px;
    }
    .content-pg .engage-icon-bottom {
        bottom: -5px;
        right: 95px;
    }
    .leadership-pg .engage-icon-top {
        top: 0px;
        left: 70px;
    }
    .leadership-pg .engage-icon-bottom {
        bottom: 0px;
        right: 455px;
    }
    .collaborations-pg .engage-icon-top {
        top: 10px;
        left: 75px;
    }
    .collaborations-pg .engage-icon-bottom {
        bottom: 10px;
        right: 505px;
    }
    .expert-solution-pg .engage-icon-top {
        top: -20px;
        left: 80px;
    }
    .expert-solution-pg .engage-icon-bottom {
        bottom: -5px;
        right: 380px;
    }
}
/* screen size 50% to 90% end */

/* Screen size 100% start */
@media screen and (min-width:1200px) and (max-width:1300px){
    .pin-spacer {
        margin-top: 30px !important;
        height: 1044px !important;
    }
    section.phorizontal .lpitem, section.phorizontal .lpitem-group {
        top: 85px;
    }
    .talent-and-creator-pg .influence {
        max-width: 97%;
    }
    .event-conceptualization-pg .influence {
        max-width: 97%;
    }
    .content-pg .influence {
        max-width: 97%;
    }
    .leadership-pg .influence {
        max-width: 97%;
    }
    .collaborations-pg .influence {
        max-width: 97%;
    }
    .internal-pr-pg .influence {
        max-width: 97%;
    }
    .influencer-marketing-pg .influence {
        max-width: 99%;
    }
}
/* Screen size 100% end */

/* Screen size 90% start */
@media screen and (min-width:1300px) and (max-width:1500px){
    .pin-spacer {
        margin-top: 30px !important;
        height: 911px !important;
    }
    section.phorizontal .lpitem, section.phorizontal .lpitem-group {
        top: 85px;
    }
}
/* Screen size 90% end */

/* Screen size 80% start */
@media screen and (min-width:1500px) and (max-width:1600px){
    .pin-spacer {
        margin-top: 30px !important;
        height: 805px !important;
    }
    section.phorizontal .lpitem, section.phorizontal .lpitem-group {
        top: 85px;
    }
    section.phorizontal .lpitem:nth-of-type(1) {
        margin-left: 9%;
    }
}
/* Screen size 80% end */


/* pre system  start*/
@media screen and (min-width:1510px) and (max-width:1540px){
    .pin-spacer {
        margin-top: 30px !important;
        height: 850px !important;
    }
    section.phorizontal .lpitem, section.phorizontal .lpitem-group {
        top: 85px;
    }
    section.phorizontal .lpitem:nth-of-type(1) {
        margin-left: 8%;
    }
    .max-1000{
        max-width: 1016px !important;
        margin: auto;
    }
}
/* pre system  end*/


/* Screen size 75% start */
@media screen and (min-width:1700px) and (max-width:1800px){
    .pin-spacer {
        margin-top: 30px !important;
        height: 759px !important;
    }
    section.phorizontal .lpitem, section.phorizontal .lpitem-group {
        top: 85px;
    }
    section.phorizontal .lpitem:nth-of-type(1) {
        margin-left: 12%;
    }
}

/* Screen size 75% end */

/* Screen size 67% start */
@media screen and (min-width:1800px) and (max-width:2000px){
    .pin-spacer {
        margin-top: 30px !important;
        height: 647px !important;
    }
    section.phorizontal .lpitem, section.phorizontal .lpitem-group {
        top: 85px;
    }
    section.phorizontal .lpitem:nth-of-type(1) {
        margin-left: 16%;
    }
}
/* Screen size 67% end */

/* Screen size 50% start */
@media screen and (min-width:2000px) {
    .pin-spacer {
        margin-top: 30px !important;
        height: 526px !important;
    }
    section.phorizontal .lpitem, section.phorizontal .lpitem-group {
        top: 85px;
    }
    section.phorizontal .lpitem:nth-of-type(1) {
        margin-left: 25%;
    }
}
/* Screen size 50% end */