body {
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    background-color: #ffffff;
}

:root {
    --primary-color: #FBBE15;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
    font-family: 'caecilia-lt-roman', 'MuseoSlab-300', serif;
}

.top-section {
    position: relative;
    padding: 0 10.4rem;
    background-color: #4D4A4A;
    color: #fff;
}

.top-section .hero-container .hero-inner {
    position: relative;
    padding-bottom: 1px;
}

.top-section .hero-container .hero-inner::before {
    content: "";
    position: absolute;
    top: 6.7rem;
    left: 0;
    width: 2.5px;
    height: caLC(100% - 6.7rem);
    background: var(--primary-color);
}

.top-section .hero-container .hero-inner .top_menu {
    border-bottom: 2.5px solid var(--primary-color);
    width: calc(100% - 30.5rem);
}

.top-section .hero-container .hero-inner .top_menu ul {
    margin: 0;
    padding: 2rem 0;
    display: flex;
    gap: 1.8rem;
    justify-content: center;
}

.top-section .hero-container .hero-inner .top_menu ul li {
    list-style: none;
}

.top-section .hero-container .hero-inner .top_menu ul li a {
    color: #fff;
    /* font-size: 1.6rem; */
    font-size: 16px;
    letter-spacing: 0.048rem;
    line-height: 2.5rem;
    text-transform: uppercase;
    font-family: "TradeGothicLTPro", Sans-Serif;
}

.top-section .hero-container .hero-inner .hero-heading-block {
    max-width: 141.2rem;
    margin-left: 7.6rem;
    padding-top: 13.2rem;
}

.top-section .hero-container .hero-inner .hero-heading-block .top_heading {
    position: relative;
    display: flex;
    gap: 2.3rem;
}

.top-section .hero-container .hero-inner .hero-heading-block .top_heading .hero-icon {
    width: 15.5rem;
    height: 10.4rem;
    margin-top: -1rem;
}

.top-section .hero-container .hero-inner .hero-heading-block .hero-title {
    font-size: 8.2rem;
    font-weight: 700;
    line-height: 9.8rem;
    color: var(--primary-color);
}

.top-section .hero-container .hero-inner .hero-heading-block .hero-quote {
    font-size: 5.2rem;
    margin-top: 1.5rem;
    line-height: 6.8rem;
    text-align: right;
    color: #fff;
}

.top-section .hero-container .hero-inner .hero-heading-block .hero-quote-cite {
    display: block;
    text-align: right;
    margin-top: .4rem;
    font-size: 3.6rem;
    line-height: 6.8rem;
    color: #fff;
    margin-bottom: 10rem;
    margin-right: 2.95rem;
}

.get_started_btn {
    background: var(--primary-color) !important;
    position: absolute;
    top: 0;
    right: 0;
    padding: 4.1rem 0rem 3rem 3.5rem;
}

.get_started_btn span {
    padding: 1.3rem 1.6rem 0.6rem 1.5rem;
    border-left: 6px solid #fff;
    border-bottom: 3px solid #fff;
    font-size: 2.6rem;
    line-height: 2.5rem;
    color: #4A4A4A;
    text-transform: uppercase;
    letter-spacing: 0.056rem;
    font-weight: 600;
}

/* intro section */
.intro-section {
    position: relative;
    padding: 0 10.4rem;
    background-image: linear-gradient(to right,
            #cfc6b128 0rem,
            #cfc6b128 10.73rem,
            #fcc42b36 269.57rem);
    background-size: 269.57rem 100%;
    background-repeat: no-repeat;
    background-position: -10.73rem 0;
    color: #000;
}

.intro-section .container-intro-top-width {
    position: relative;
    padding: 5.4rem 0 4.4rem;
    border-bottom: 2.5px solid var(--primary-color);
}

.intro-section .container-intro-top-width::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2.5px;
    height: 100%;
    background: var(--primary-color);
}

.intro-section .container-intro-top-width .intro-top-flex-item-100 {
    width: 100%;
    max-width: 126.4rem;
    margin-left: 25.4rem;
}

.intro-section .container-intro-top-width .intro-top-flex-item-100 p {
    font-family: "caecilia-lt-light", Sans-Serif;
    font-size: 3.8rem;
    line-height: 5.5rem;
    letter-spacing: -0.03rem;
    margin: 0px 0px 3rem 0px;
}

.intro-section .container-intro-bottom-width,
.intro-section .container-intro-middle-width {
    padding-right: 7rem;
    border-right: 2.5px solid var(--primary-color);
}

.intro-section .container-intro-middle-width .intro-middle-flex-item-100 {
    position: relative;
}

.intro-section .container-intro-middle-width .intro-middle-flex-item-100 .intro-middle-content {
    width: 100%;
    max-width: 104.7rem;
    margin-left: auto;
    padding-top: 3rem;
    padding-bottom: 1.5rem;
}

.intro-section .container-intro-middle-width .intro-middle-flex-item-100 .intro-middle-content img {
    position: absolute;
    left: -8.8rem;
    top: -10.5rem;
    width: 68.341rem;
}

.intro-section .container-intro-middle-width .intro-middle-flex-item-100 .intro-middle-content h3 {
    font-size: 5.2rem;
    line-height: 7rem;
    letter-spacing: -0.1rem;
    color: #000;
    margin-bottom: 1rem;
}

.intro-section .container-intro-bottom-width .intro-bottom-flex-item-100 .intro-bottom-content p,
.intro-section .container-intro-middle-width .intro-middle-flex-item-100 .intro-middle-content p {
    font-size: 3.2rem;
    line-height: 5.2rem;
    color: #000;
    margin: 0px 0 1.5rem 0;
    font-family: 'TradeGothicLTPro-Light';
}

.intro-section .container-intro-bottom-width .intro-middle-flex-item-100 .intro-middle-content {
    width: 100%;
    max-width: 104.7rem;
    margin-left: auto;
    padding-top: 2rem;
}

.intro-section .container-intro-bottom-width .intro-bottom-flex-item-100 .intro-bottom-content {
    width: 100%;
    max-width: 153.1rem;
    margin-left: auto;
}

.intro-section .container-intro-bottom-width {
    padding-bottom: 9rem;
}

/* service section */
.service-section {
    padding: 0 10.405rem;
    position: relative;
    background-color: #ffffff;
    background-image: linear-gradient(to right, #FFFFFF 0%, #FCE095 100%);
    background-size: 192rem 100%;
    background-position: 96rem 0;
    background-repeat: no-repeat;
    max-width: 192rem;
}

.service-section::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 10.405rem;
    height: 100%;
    background-color: #4A4A4A;
}

.service-section::after {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    width: 10.405rem;
    height: 100%;
    background-color: #4A4A4A;
}

.service-section .container-service-width {
    position: relative;
    padding: 6.4rem 10.4rem 1.3rem 11.2rem;
    overflow: hidden;
}

.service-section .website-optimization {
    padding: 6.5rem 10.4rem 0rem 11.2rem;
}

.service-section .seo-service {
    padding: 7.2rem 10.4rem 1.3rem 11.2rem;
}

.service-section .content-market-width {
    padding: 7.8rem 10.4rem 1.3rem 11.2rem;
    margin-top: -1.3rem;
}

.service-section .container-service-width .Smart-research {
    position: absolute;
    right: 9.6rem;
    top: -0.91rem;
    width: 60.939rem;
}

.service-section .container-service-width .Creative-service {
    position: absolute;
    left: 0rem;
    bottom: 1.3rem;
    width: 52.9rem;
    z-index: -1;
}

.service-section .container-service-width .content-market {
    position: absolute;
    right: 37.9rem;
    top: 0rem;
    width: 68.218rem;
}

.service-section .container-service-width .digital-advertising {
    position: absolute;
    right: 0rem;
    top: -0.8rem;
    width: 51.767rem;
}

.service-section .container-service-width .website-optimization {
    position: relative;
}

.service-section .container-service-width .website-optimization-img {
    position: absolute;
    left: -.8rem;
    bottom: 0px;
    width: 45.2rem;
}

.service-section .container-service-width h6 {
    font-family: "TradeGothicLTPro-Bd2", Sans-Serif !important;
    font-size: 2.5rem;
    letter-spacing: 0.077rem;
    text-transform: uppercase;
    color: #4D4A4A;
    margin: 0px;
    line-height: 6.33rem;
    position: relative;
    margin-bottom: 2.78rem;
}

.service-section .container-service-width .splat-flex-item-100 h6::before {
    content: '';
    position: absolute;
    top: 0px;
    left: -1.725rem;
    width: 2.5px;
    height: 100%;
    background-color: var(--primary-color);

}

.service-section .container-service-width .splat-flex-item-100 h4 {
    /* font-size: 4.5rem; */
    font-size: 4.42rem;
    line-height: 5rem;
    color: #4D4A4A;
    font-weight: 500;
    margin: 0 0 1.6rem;
}

.service-section .container-service-width .splat-flex-item-100 p {
    font-size: 2.8rem;
    line-height: 4.5rem;
    color: #4D4A4A;
    font-weight: 500;
    margin: 0 0 1.6rem;
    font-family: 'TradeGothicLTPro-Light';
}

.service-section .container-service-width .splat-flex-item-100 p.creative-last-p {
    padding-left: 27rem;

}

.service-section .container-service-width .splat-flex-item-100 p span.creative-landing-p {
    padding-left: 22rem;
}

.service-section .container-service-width .splat-flex-item-100 p span.create-span-p {
    text-align: right;
    padding-right: 1rem;
    display: block;
}

.service-section .container-service-width .splat-flex-item-100 .btn-learn {
    background-color: var(--primary-color);
    color: #4D4A4A;
    padding: 1.45rem 1rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.2rem;
    margin-top: 4.6rem;
    z-index: 9;
    position: relative;
}

.service-section .container-service-width .splat-flex-item-100 .creative-btn {
    margin-top: 8.8rem;
}

.service-section .container-service-width .splat-flex-item-100 .seo-btn {
    margin-top: 8.5rem;
}

.service-section .container-service-width .splat-flex-item-100 .marketing-automation,
.service-section .container-service-width .splat-flex-item-100 .market-btn {
    margin-top: 7.7rem;
}

.service-section .container-service-width .splat-flex-item-100 .btn-learn span {
    font-size: 3.2rem;
    line-height: 5.5rem;
    font-family: 'caecilia-lt-bold';
}

.service-section .container-service-width .splat-flex-item-100 .btn-learn img {
    width: 4.4rem;
    height: 3.7rem;
}

.service-section .container-service-width .splat-flex-item-100 .btn-learn span span {
    text-decoration: underline;
    font-weight: 600;
}

.service-section .website-optimization .splat-flex-item-100 p {
    padding-left: 23rem;
}

.service-section .container-service-width .splat-flex-item-100 .website-btn {
    margin-top: 6rem;
}


/* Market plan section */
.market-plan-section {
    max-width: 192rem;
    padding: 9.3rem 10.2rem 9.6rem 8.5rem;
    position: relative;
}

.market-plan-section::before {
    content: '';
    position: absolute;
    top: 9.3rem;
    left: 0px;
    width: calc(100% - 10.405rem);
    height: 2.5px;
    background-color: var(--primary-color);
}

.market-plan-section::after {
    content: '';
    position: absolute;
    top: 9.3rem;
    right: 10.2rem;
    width: 2.5px;
    height: calc(100% - 23.65rem);
    background-color: var(--primary-color);
}

.market-plan-section .container-market-plan-width {
    max-width: 148.6rem;
    margin: 0 auto;
}

.market-plan-section .market-plan {
    width: 63.16rem;
    height: 61.46rem;
    position: absolute;
    left: -1.848rem;
    top: 30.29px;
}

.market-plan-section .container-market-plan-width .market-top-flex-item-100 {
    max-width: 111.8rem;
    margin-left: auto;
}

.market-plan-section .container-market-plan-width .market-top-flex-item-100 h4 {
    margin: 0px;
    font-size: 5.2rem;
    line-height: 6.5rem;
    color: #4D4A4A;
    padding-right: 10rem;
    font-family: 'caecilia-lt-bold';
    position: relative;
    margin-bottom: 5rem;
    margin-top: 5.2rem;
}

.market-plan-section .container-market-plan-width .market-top-flex-item-100 .plan-head::before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: -2rem;
    width: 16.5rem;
    height: 0.6rem;
    background-color: #FBBE15;
}

.market-plan-section .container-market-plan-width .market-top-flex-item-100 h4.plan-subHead {
    margin-bottom: 2.7rem;
}

.market-plan-section .container-market-plan-width .market-top-flex-item-100 h6 {
    font-family: 'TradeGothicLTPro';
    font-size: 3.6rem;
    color: #4A4A4A;
    margin-bottom: .5rem;
}

.market-plan-section .container-market-plan-width .market-top-flex-item-100 p {
    font-family: "caecilia-lt-light", Sans-Serif;
    font-size: 3.5rem;
    line-height: 5.5rem;
    margin: 0px;
}

.market-plan-section .container-market-plan-width .market-middle-flex-item-100 {
    max-width: 144.6rem;
    margin-top: 3rem;
}

.market-plan-section .container-market-plan-width .market-middle-flex-item-100 p {
    font-family: 'caecilia-lt-light';
    font-size: 3.5rem;
    line-height: 5.5rem;
    margin: 0px;
    margin-bottom: 2.5rem;
}

.market-plan-section .btn-begin {
    background-color: var(--primary-color);
    padding: 1.5rem 1rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.8rem;
    margin-top: 4.2rem;
    z-index: 9;
    position: relative;
    max-width: 167.4rem;
}

.market-plan-section .btn-begin img {
    width: 4.4rem;
    height: 3.7rem;
}

.market-plan-section .btn-begin::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -5.9rem;
    width: 5.9rem;
    height: 2.5px;
    background-color: var(--primary-color);
}

.market-plan-section .btn-begin span {
    font-size: 4.2rem;
    line-height: 6.5rem;
    color: #4D4A4A;
    font-family: 'caecilia-lt-bold';
}

.market-plan-section .btn-begin span span {
    text-decoration: underline;
}

/* article section */

.article-section {
    max-width: 192rem;
    padding: 3.2rem 2.4rem 2.8rem;
    position: relative;
}

.article-section::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 36rem;
    background-color: rgba(217, 217, 217, 0.6);
    z-index: 0;
}

.article-section .container-article-width .article-flex-item-100 h2 {
    font-size: 5.2rem;
    line-height: 7rem;
    position: relative;
    text-align: center;
}

.article-section .container-article-width .article-flex-item-100 h2::before {
    position: absolute;
    content: '';
    left: 49.2%;
    transform: translateX(-50%);
    bottom: -.5rem;
    width: 9.5rem;
    height: 6px;
    background-color: var(--primary-color);
}

.article-section .container-article-width .slider-container {
    margin: 3.7rem auto 3.2rem;
    position: relative;
    overflow: hidden;
}

.article-section .container-article-width .slider-container .slides-wrapper {
    overflow: hidden;
}

.article-section .container-article-width .slider-container .slides-wrapper .slides {
    display: flex;
    transition: transform 0.5s ease-in-out;
    gap: 2.8rem;
}

.article-section .container-article-width .slider-container .slides-wrapper .slides .slide {
    flex: 0 0 calc((100% - (2.8rem * 2)) / 3);
}

.article-section .container-article-width .slider-container .slides-wrapper .slides .slide .card {
    background: #fff;
    overflow: hidden;
    height: 100%;
    transition: all 0.3s ease;
}

.article-section .container-article-width .slider-container .slides-wrapper .slides .slide .card img {
    width: 100%;
    height: 36.3rem;
    object-fit: cover;
    vertical-align: top;
    position: relative;
}

.article-section .container-article-width .slider-container .slides-wrapper .slides .slide.active-card .card {
    background-color: rgba(217, 217, 217, 60%);
}

.article-section .container-article-width .slider-container .slides-wrapper .slides .slide .card .card-body {
    padding: 3.3rem 7.77rem 3.2rem 3.5rem;
    height: calc(100% - 36.3rem);
}

.article-section .container-article-width .slider-container .slides-wrapper .slides .slide .card .card-body .card-body-inner {
    border-left: 2px solid var(--primary-color);
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    height: 100%;
}

.article-section .container-article-width .slider-container .slides-wrapper .slides .slide .card .card-body .card-body-inner .card-body-inner-content {
    max-width: 38.6rem;
    margin-left: 1.9rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.article-section .container-article-width .slider-container .slides-wrapper .slides .slide .card .card-body .card-body-inner .card-body-inner-content h5 {
    font-family: "TradeGothicLTPro-Bold", Sans-Serif !important;
    color: #4D4A4A;
    font-size: 2.6rem;
    margin-bottom: 1.4rem;
    line-height: 3.2rem;
}

.article-section .container-article-width .slider-container .slides-wrapper .slides .slide .card .card-body .card-body-inner .card-body-inner-content p {
    color: #4D4A4A;
    font-size: 1.75rem;
    margin: 0px;
    font-family: 'TradeGothicLTPro';
}

.article-section .container-article-width .slider-container .slides-wrapper .slides .slide .card .card-body .card-body-inner .card-body-inner-content p .p-itelic {
    font-family: "TradeGothicLTPro-Obl", Sans-Serif !important;
}

.article-section .container-article-width .slider-container .slides-wrapper .slides .slide .card .card-body .card-body-inner .card-body-inner-content p .line-clr {
    color: var(--primary-color);
}

.article-section .container-article-width .slider-container .slides-wrapper .slides .slide .card .card-body .card-body-inner .card-arrow {
    width: 5.73rem;
    height: 1.54rem;
}

.article-section .container-article-width .slider-container .slides-wrapper .slides .slide .card .card-body .card-body-inner .card-body-inner-content p .p-itelic {
    font-family: "TradeGothicLTPro-Obl", Sans-Serif !important;
}

.article-section .container-article-width .slider-container .dots {
    display: flex;
    justify-content: center;
    margin-top: 5.7rem;
    gap: 1.6rem;
}

.article-section .container-article-width .slider-container .dot {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    background-color: transparent;
    cursor: pointer;
    border: 1px solid #404042;
}

.article-section .container-article-width .slider-container .dot.active {
    background-color: rgba(217, 217, 217, 60%) !important;
}


/* creative article-section  */

.creative-article-section {
    max-width: 192rem;
    padding: 3rem 2.4rem 2.8rem;
    position: relative;
}

.creative-article-section::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 36rem;
    background-color: rgba(217, 217, 217, 0.6);
    z-index: 0;
}

.creative-article-section .creative-container-article-width .creative-article-flex-item-100 h2 {
    font-size: 5.2rem;
    line-height: 7rem;
    position: relative;
    text-align: center;
}

.creative-article-section .creative-container-article-width .creative-article-flex-item-100 h2::before {
    position: absolute;
    content: '';
    left: 49.2%;
    transform: translateX(-50%);
    bottom: -.5rem;
    width: 9.5rem;
    height: 6px;
    background-color: var(--primary-color);
}

.creative-article-section .creative-container-article-width .creative-slider-container {
    margin: 3.7rem auto 3.2rem;
    position: relative;
    overflow: hidden;
}

.creative-article-section .creative-container-article-width .creative-slider-container .creative-slides-wrapper {
    overflow: hidden;
}

.creative-article-section .creative-container-article-width .creative-slider-container .creative-slides-wrapper .creative-slides {
    display: flex;
    transition: transform 0.5s ease-in-out;
    gap: 2.8rem;
}

.creative-article-section .creative-container-article-width .creative-slider-container .creative-slides-wrapper .creative-slides .creative-slide {
    flex: 0 0 calc((100% - (2.8rem * 2)) / 3);
}

.creative-article-section .creative-container-article-width .creative-slider-container .creative-slides-wrapper .creative-slides .creative-slide .creative-card {
    background: #fff;
    overflow: hidden;
    height: 100%;
    transition: all 0.3s ease;
}

.creative-article-section .creative-container-article-width .creative-slider-container .creative-slides-wrapper .creative-slides .creative-slide .creative-card img {
    width: 100%;
    height: 36.3rem;
    object-fit: cover;
    vertical-align: top;
    position: relative;
}

.creative-article-section .creative-container-article-width .creative-slider-container .creative-slides-wrapper .creative-slides .creative-slide.active-card .creative-card {
    background-color: rgba(217, 217, 217, 60%);
}

.creative-article-section .creative-container-article-width .creative-slider-container .creative-slides-wrapper .creative-slides .creative-slide .creative-card .creative-card-body {
    padding: 3.3rem 7.77rem 3.2rem 3.5rem;
    height: calc(100% - 36.3rem);
}

.creative-article-section .creative-container-article-width .creative-slider-container .creative-slides-wrapper .creative-slides .creative-slide .creative-card .creative-card-body .creative-card-body-inner {
    border-left: 2px solid var(--primary-color);
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    height: 100%;
}

.creative-article-section .creative-container-article-width .creative-slider-container .creative-slides-wrapper .creative-slides .creative-slide .creative-card .creative-card-body .creative-card-body-inner .creative-card-body-inner-content {
    max-width: 38.6rem;
    margin-left: 1.9rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.creative-article-section .creative-container-article-width .creative-slider-container .creative-slides-wrapper .creative-slides .creative-slide .creative-card .creative-card-body .creative-card-body-inner .creative-card-body-inner-content h5 {
    font-family: "TradeGothicLTPro-Bold", Sans-Serif !important;
    color: #4D4A4A;
    font-size: 2.6rem;
    margin-bottom: 1.5rem;
    line-height: 3.2rem;
}

.creative-article-section .creative-container-article-width .creative-slider-container .creative-slides-wrapper .creative-slides .creative-slide .creative-card .creative-card-body .creative-card-body-inner .creative-card-body-inner-content p {
    color: #4D4A4A;
    font-size: 1.75rem;
    margin: 0px;
    font-family: 'TradeGothicLTPro';
}

.creative-article-section .creative-container-article-width .creative-slider-container .creative-slides-wrapper .creative-slides .creative-slide .creative-card .creative-card-body .creative-card-body-inner .creative-card-body-inner-content p .p-itelic {
    font-family: "TradeGothicLTPro-Obl", Sans-Serif !important;
}

.creative-article-section .creative-container-article-width .creative-slider-container .creative-slides-wrapper .creative-slides .creative-slide .creative-card .creative-card-body .creative-card-body-inner .creative-card-body-inner-content p .line-clr {
    color: var(--primary-color);
}

.creative-article-section .creative-container-article-width .creative-slider-container .creative-slides-wrapper .creative-slides .creative-slide .creative-card .creative-card-body .creative-card-body-inner .creative-card-arrow {
    width: 5.73rem;
    height: 1.54rem;
}

.creative-article-section .creative-container-article-width .creative-slider-container .creative-slides-wrapper .creative-slides .creative-slide .creative-card .creative-card-body .creative-card-body-inner .creative-card-body-inner-content p .p-itelic {
    font-family: "TradeGothicLTPro-Obl", Sans-Serif !important;
}

.creative-article-section .creative-container-article-width .creative-slider-container .creative-dots {
    display: flex;
    justify-content: center;
    margin-top: 5.7rem;
    gap: 1.6rem;
}

.creative-article-section .creative-container-article-width .creative-slider-container .creative-dot {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    background-color: transparent;
    cursor: pointer;
    border: 1px solid #404042;
}

.creative-article-section .creative-container-article-width .creative-slider-container .creative-dot.creative-active {
    background-color: #D9D9D9 !important;
}

/* client section */
.client-section {
    max-width: 192rem;

}

.client-section .container-article-width {
    background-color: #4D4A4A !important;
    padding: 2.262rem 2rem;
}

.client-section .container-article-width h2 {
    font-size: 5.2rem;
    letter-spacing: -0.048rem;
    color: var(--primary-color);
    text-align: center;
    margin: 0px;
}

.client-section .container-testimonial-100 {
    max-width: 192rem;
    width: 100%;
    background: url('../img/bg-testimonial.jpg');
    border-top: 2px solid #cccccc;
    /* border-bottom: 2px solid #cccccc; */
    text-align: center;
}

.client-section .container-testimonial-100 .testimonial:first-child {
    margin-bottom: 0;

}

.client-section .container-testimonial-100 .testimonial:last-child {
    margin-top: 0;
}

.client-section .container-testimonial-100 .testimonial {
    display: inline-block;
    max-width: 70.1rem;
    padding: 2rem;
    text-align: left;
    vertical-align: top;
}

.client-section .container-testimonial-100 .testimonial p {
    font-family: 'MuseoSlab-300';
    font-style: italic;
    font-size: 3.2rem;
    line-height: 1.4;
    color: #777;
    margin: 2rem;
}

.client-section .container-testimonial-100 .testimonial p.client-name {
    font-family: "TradeGothicLTPro-Bold";
    font-style: normal;
    font-size: 2.4rem;
    padding-bottom: 0;
    margin-bottom: 0;
    margin-top: 3.0rem;
    color: #4a4a4a;
}

.client-section .container-testimonial-100 .testimonial p.client-firm {
    font-style: normal;
    font-size: 2.5rem;
    padding-top: 0px;
    margin-top: 0px;
    color: #4a4a4a;
}

.client-section .container-testimonial-100 .testimonial p.client-firm a {
    color: #4a4a4a;
    font-family: "TradeGothicLTPro";
}

.client-section .clients-head {
    background: #ffffff url('../img/bg-client.jpg') no-repeat 50% 50%;
    background-size: contain;
    text-align: center;
    padding: 10.57rem 0px;
}

.client-section .clients-head h2 {
    font-size: 4.2rem;
    position: relative;
}

.client-section .clients-head h2::after {
    position: absolute;
    content: '';
    width: 65px;
    height: 6px;
    background-color: var(--primary-color);
    transform: translateX(-50%);
    left: 50%;
    bottom: -1.5rem;
}


.faq-section {
    max-width: 192rem;
}

.faq-section .content-conrainer {
    background-image:
        linear-gradient(to right, #cfc6b128 0rem, #cfc6b128 10.73rem, #fcc42b36 269.57rem),
        url('../img/Group8.png');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto, 42.8rem 100%;
    padding-bottom: 12.1rem;
    position: relative;
}



.faq-section .content-conrainer::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 10.48rem;
    height: calc(100% - 7.5rem);
    width: 2.5px;
    background: var(--primary-color);
    z-index: -1;
}

.faq-section .content-conrainer::after {
    content: '';
    position: absolute;
    bottom: 7.55rem;
    left: 10.48rem;
    height: 2.5px;
    width: calc(100% - 10.4rem);
    background: var(--primary-color);
}

.faq-section .container-faq-top-width {
    max-width: 192rem;
    background-color: var(--primary-color) !important;
    padding: 2.4rem 2rem;
}

.faq-section .container-faq-top-width h2 {
    font-size: 5.2rem;
    color: #4D4A4A;
    line-height: 7rem;
    text-align: center;
    margin: 0px;
}

.faq-section .content-conrainer .container-faq-middle-width h4 {
    font-size: 4rem;
    line-height: 4rem;
    letter-spacing: 0.04rem;
    padding-top: 3.3rem !important;
    font-family: 'TradeGothicLTPro-BdCn20';
    text-transform: uppercase;
    color: #4D4A4A;
    margin: 0px;
    padding-left: 7rem;
    text-align: center;
}

.faq-section .content-conrainer .container-faq-bottom-width {
    max-width: 136.5rem;
    margin-left: 20rem;
    margin-right: 35.4rem;
    margin-top: 4.9rem;
}

.faq-section .content-conrainer .container-faq-bottom-width .accordion {
    width: 100%;
}

.faq-section .content-conrainer .container-faq-bottom-width .accordion-item {
    margin-bottom: 2.5rem;
}

.faq-section .content-conrainer .container-faq-bottom-width .accordion-title {
    padding: 0.8rem 1.1rem 0.8rem 0;
    cursor: pointer;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: end;
    border-bottom: 1px solid #000;
    transition: border-color 0.3s;
    font-family: 'TradeGothicLTPro';
    font-size: 3.5rem;
    line-height: 4rem;
    letter-spacing: 0.024rem;
    color: #4D4A4A;
}

.faq-section .content-conrainer .container-faq-bottom-width .accordion-item.active .accordion-title {
    border-bottom: 2px solid var(--primary-color);
}

.faq-section .content-conrainer .container-faq-bottom-width .accordion-content {
    display: none;
}

.faq-section .content-conrainer .container-faq-bottom-width .accordion-item.active .accordion-content {
    display: block;
    font-family: 'caecilia-lt-light';
    font-size: 2.4rem;
    letter-spacing: -0.024rem;
    line-height: 3.5rem;
    padding: 2.2rem 2rem .5rem 0;
}

.faq-section .content-conrainer .container-faq-bottom-width .arrow-div .bottom-arrow-faq {
    width: 3.3rem;
    height: 4.3rem;
    margin-top: 2rem;

}

.faq-section .content-conrainer .container-faq-bottom-width .arrow-div {
    text-align: center;
    padding-left: 11rem;

}

/* project form */
.project-section {
    max-width: 192rem;
    padding-top: 4.5rem;
}

.project-section .container-project-width {
    max-width: 120rem;
    margin: 0 auto;
    padding: 2rem 2rem 6.5rem;
}

.project-section .container-project-width h2 {
    font-size: 5.2rem;
    color: #555;
    text-align: center;
    font-family: 'MuseoSlab-300';
    position: relative;
    margin-bottom: 5.5rem;
    text-align: center;
}

.project-section .container-project-width h2::after {
    content: '';
    position: absolute;
    left: 49.8%;
    transform: translateX(-50%);
    bottom: -0.5rem;
    width: 70px;
    height: 6px;
    background-color: var(--primary-color);
}

.project-section .container-project-width p {
    font-size: 2.35rem;
    /* font-family: "MuseoSlab-300"; */
    font-family: 'MuseoSlab-500';
    padding-bottom: 3.4rem;
    line-height: 3.6rem;
    margin: 0px;
    padding-top: 2rem;
    /* color: #000; */
}

.project-section .container-project-width .form-input {
    min-height: 4rem;
    width: 100%;
    border: 1px solid #999;
    background: transparent;
    border-radius: 0px;
    outline: none;
    font-family: 'caecilia-lt-roman';
    font-size: 2.4rem;
    padding: .8rem 1rem .2rem;
    margin-bottom: 3.5rem;
}

.project-section .container-project-width .form-input:focus {
    border: 1px solid var(--primary-color);
}

.project-section .container-project-width .textarea-input {
    height: 20rem;
    width: 100%;
    border: 1px solid #999;
    background: transparent;
    border-radius: 0px;
    outline: none;
    font-family: 'caecilia-lt-roman';
    font-size: 2.4rem;
    padding: .8rem 1rem .1rem;
    margin-bottom: 3.5rem;
}

.project-section .container-project-width .textarea-input:focus {
    border: 1px solid var(--primary-color);
}

.project-section .container-project-width .btn-submit {
    border: 1px solid var(--primary-color);
    width: 100%;
    font-family: 'TradeGothicLTPro-Cn18', sans-serif !important;
    text-transform: uppercase;
    font-size: 2.4rem;
    margin-bottom: 3rem;
    padding: .5rem 1rem;
}

.project-section .container-project-width .btn-submit:hover {
    background: #fcbf0f !important;
}

.project-section .container-project-width .form-input::placeholder {
    text-align: center;
    font-family: 'caecilia-lt-roman';

}

/* affiliation section */
.affiliation-section {
    max-width: 192rem;
    padding-top: 4rem;
}

.affiliation-section .container-affiliation-width h2 {
    font-size: 5.2rem;
    color: #555;
    text-align: center;
    font-family: 'caecilia-lt-roman';
    letter-spacing: -0.15rem;
    position: relative;
    margin-bottom: 4.5rem;
    text-align: center;
}

.affiliation-section .container-affiliation-width h2::after {
    content: '';
    position: absolute;
    left: 49.5%;
    transform: translateX(-50%);
    bottom: -0.5rem;
    width: 64px;
    height: 6px;
    background-color: var(--primary-color);
}

.affiliation-section .container-affiliation-width .affiliation-flex-100 {
    max-width: 192rem;
    padding: 3.5rem 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 19rem;
    justify-content: center;
    width: 100%;
    background-color: #F2F2F2;
}

.affiliation-section .container-affiliation-width .affiliation-flex-100 .badge-container {
    position: relative;
    width: 25%;
    height: auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.affiliation-section .container-affiliation-width .affiliation-flex-100 .badge-container#badge-container-2 {
    max-width: 175px;
}

.affiliation-section .container-affiliation-width .affiliation-flex-100 .badge-container#badge-container-1 {
    max-width: 145px;
}

.affiliation-section .container-affiliation-width .affiliation-flex-100 .badge-container#badge-container-3 {
    max-width: 115px;
}



/* strategy-research */
.top-section .hero-container .hero-inner .top_menu ul li a.active {
    color: var(--primary-color);
}

.top-section .hero-container .hero-inner .hero-intro-banner {
    background-color: #fff;
}

.research-top-section .hero-container .hero-inner::before {
    height: 8.5rem;
}

.research-top-section .hero-container .hero-inner {
    padding-bottom: 0px !important;
}

.research-top-section .hero-container .hero-inner .hero-intro-banner .hero-intro-block {
    position: relative;
    /*margin-top: 8.6rem;*/
    padding: 8rem 12.4rem 5rem;
    background-image: linear-gradient(to right, #cfc6b128 0rem, #cfc6b128 10.4rem, #fcc42b36 235.5rem);
    background-size: 235.5rem 100%;
    background-repeat: no-repeat;
    background-position: -10.4rem 0;
    overflow-x: hidden;
}

.research-top-section .hero-container .hero-inner .hero-intro-banner .hero-intro-block .hero-research-intro {
    position: absolute;
    top: -6rem;
    right: -4.5rem;
    width: 58rem;
}

.research-top-section .hero-container .hero-inner .hero-intro-banner .hero-intro-block::before {
    position: absolute;
    content: '';
    top: 0px;
    right: 9.499rem;
    height: 100%;
    width: 2.5px;
    background-color: var(--primary-color);
}

.research-top-section .hero-container .hero-inner .hero-intro-banner .hero-intro-block::after {
    position: absolute;
    content: '';
    bottom: 0px;
    right: 9.499rem;
    height: 2.5px;
    width: 100%;
    background-color: var(--primary-color);
}


.research-top-section .hero-container .hero-inner .hero-intro-banner .hero-intro-block .hero-intro-title {
    font-size: 8.2rem;
    letter-spacing: -0.04rem;
    font-family: 'caecilia-lt-bold';
    max-width: 90.5rem;
    line-height: 8.5rem;
    color: #4D4A4A;
    margin-bottom: 1.8rem;
}

.research-top-section .hero-container .hero-inner .hero-intro-banner .hero-intro-block .hero-intro-subtitle {
    font-size: 5.5rem;
    letter-spacing: -0.04rem;
    max-width: 118.7rem;
    line-height: 7rem;
    color: #4D4A4A;
    margin-bottom: 4.5rem;
    z-index: 9;
    position: relative;
}

.research-top-section .hero-container .hero-inner .hero-intro-banner .hero-intro-block .hero-intro-p {
    font-family: "caecilia-lt-light", Sans-Serif;
    font-size: 3.8rem;
    line-height: 5.5rem;
    letter-spacing: -0.024rem;
    margin: 0px 0px 2.8rem 0px;
    max-width: 142rem;
    color: #000;
}

.process-section .container-service-width {
    padding: 11.2rem 12rem 11.2rem 13.2rem;
}

.process-section::before,
.process-section::after {
    width: 10.4rem;
}

.process-section .container-service-width .splat-flex-item-100 .list p {
    font-family: 'caecilia-lt-roman';
    font-size: 2.8rem;
    font-weight: 500;
    color: #4D4A4A;
    margin-top: 3rem;
    margin-bottom: .6rem;
}

.process-section .container-service-width .splat-flex-item-100 .list {
    padding-left: 6.6rem;
}

.process-section .container-service-width .splat-flex-item-100 .list ul {
    padding-left: 3rem;
}

.process-section .container-service-width .splat-flex-item-100 .list ul li {
    font-family: 'TradeGothicLTPro-Light';
    font-size: 2.8rem;
    font-weight: 500;
    color: #000;
    list-style: square;
    margin-bottom: .6rem;
}

.process-section .container-service-width .splat-flex-item-100 .list-our ul li {
    list-style: number;
}

.process-section .container-service-width .splat-flex-item-100 .list-our ul li span,
.process-section .container-service-width .splat-flex-item-100 .list ul li::marker {
    color: #4A4A4A;
}

.process-section .container-service-width .pt-our-process {
    padding-top: 10rem;
}

/* conversation */

.start-conversation-section {
    padding: 17.7rem 11.8rem 9.5rem 12.8rem;
    background: #4D4A4A;
    max-width: 192rem;
    position: relative;
}

.start-conversation-section::after {
    content: '';
    position: absolute;
    top: 8.5rem;
    right: 0px;
    width: calc(100% - 9.712rem);
    height: 2.5px;
    background-color: var(--primary-color);
}

.start-conversation-section::before {
    content: '';
    position: absolute;
    top: 8.6rem;
    left: 9.712rem;
    width: 2.5px;
    height: calc(100% - 22.6rem);
    background-color: var(--primary-color);
}

.start-conversation-section .container-conversation {

    max-width: 167.4rem;
    margin: 0 auto;
}

.start-conversation-section .container-conversation h3 {
    font-size: 5.5rem;
    line-height: 6.5rem;
    color: #fff;
    text-align: center;
    font-family: 'caecilia-lt-roman';
    margin-bottom: 2rem;
}

.start-conversation-section .container-conversation p {
    font-size: 4rem;
    color: #fff;
    text-align: center;
    font-family: 'TradeGothicLTPro-Light';
    margin: 0px;
}

.start-conversation-section .container-conversation .btn-learn {
    background-color: var(--primary-color);
    color: #4D4A4A;
    padding: 1.5rem 1rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    margin-top: 10.5rem;
    z-index: 9;
    position: relative;
}

.start-conversation-section .container-conversation .btn-learn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -3rem;
    width: 3rem;
    height: 2.5px;
    background-color: var(--primary-color);
}

.start-conversation-section .container-conversation .btn-learn span {
    text-decoration: underline;
    font-weight: 600;
    font-size: 4.2rem;
    line-height: 6.5rem;
    font-family: 'caecilia-lt-bold';
}

.start-conversation-section .container-conversation .btn-learn img {
    width: 4.4rem;
    height: 3.7rem;
}

/* client-section-strategy */
.client-section-strategy {
    position: relative;
}

.client-section-strategy .strategy-stuck {
    font-size: 5.2rem;
    color: #4D4A4A;
    text-align: center;
    font-family: 'caecilia-lt-roman';
    letter-spacing: -0.15rem;
    position: relative;
    margin-bottom: 4rem;
    text-align: center;
    padding-top: 12.6rem;
}

.client-section-strategy .strategy-stuck::after {
    content: '';
    position: absolute;
    left: 49.5%;
    transform: translateX(-50%);
    bottom: -1rem;
    width: 94px;
    height: 6px;
    background-color: var(--primary-color);
}

.client-section-strategy .strategy-stuck::before {
    content: '';
    position: absolute;
    left: 14.6rem;
    top: 8.8rem;
    width: calc(100% - 29.2rem);
    height: 2.5px;
    background-color: var(--primary-color);
}

.client-section-strategy::after {
    position: absolute;
    content: '';
    top: 9rem;
    left: 14.6rem;
    width: 2.5px;
    height: calc(100% - 9rem);
    background-color: var(--primary-color);
}

.client-section-strategy::before {
    position: absolute;
    content: '';
    top: 9rem;
    right: 14.6rem;
    width: 2.5px;
    height: calc(100% - 9rem);
    background-color: var(--primary-color);
}

.client-section-strategy .container-testimonial-100 {
    border-top: 0px;
}

/* case-study-section */
.case-study-section {
    max-width: 192rem;
    padding: 7.8rem 21.4rem 16.2rem 21.9rem;
    position: relative;
    background-image: linear-gradient(to right, #FFFFFF 0%, #FCE095 100%);
    background-size: 192rem 100%;
    background-position: 96rem 0;
    background-repeat: no-repeat;
}

.case-study-section::after {
    position: absolute;
    content: '';
    bottom: 9.1rem;
    right: 0px;
    width: calc(100% - 10.4rem);
    height: 2.5px;
    background-color: var(--primary-color);
}

.case-study-section::before {
    position: absolute;
    content: '';
    bottom: 9.1rem;
    left: 10.2rem;
    height: calc(100% - 22.6rem);
    width: 2.5px;
    background-color: var(--primary-color);
}

.case-study-section .case-container {
    max-width: 148.7rem;
}

.case-study-section .case-container .case-haeder {
    background-color: #4D4A4A;
    font-family: 'caecilia-lt-roman';
    font-size: 5.2rem;
    line-height: 5.5rem;
    padding: 3.15rem 1rem;
    color: var(--primary-color);
    text-align: center;
    margin-bottom: 3.4rem;
    position: relative;
}

.case-study-section .case-container .case-haeder::before {
    position: absolute;
    content: '';
    width: 11.5rem;
    height: 2.5px;
    background-color: var(--primary-color);
    top: 50%;
    transform: translateY(-50%);
    left: -11.5rem;

}

.case-study-section .case-container p {
    font-size: 4rem;
    font-family: 'TradeGothicLTPro';
    letter-spacing: 0.01rem;
    max-width: 128.8rem;
    margin: 0px;
    line-height: 5rem;
    color: #4A4A4A;
    text-align: center;
    margin: 0 auto 4.2rem !important;
}

.case-study-section .case-container a .case-arrow {
    width: 19.5rem;
}

.case-study-section .case-container a {
    display: flex;
    gap: 2rem;
    font-family: 'TradeGothicLTPro-Bd2';
    font-size: 1.8rem;
    text-decoration: underline;
    text-transform: uppercase;
    color: #4D4A4A;
    letter-spacing: 0.07rem;
    justify-content: center;
}

/* strategy-artical-section */

.strategy-artical-section {
    max-width: 192rem;
    position: relative;
    padding-top: 6.1rem;
    background-image: linear-gradient(to right, #FFFFFF 0%, #FCE095 100%);
    background-size: 192rem 100%;
    background-position: 96rem 0;
    background-repeat: no-repeat;
    padding-bottom: 0px;
    padding-right: 5.4rem;
}

.strategy-artical-section::before {
    position: absolute;
    content: '';
    top: 12.8rem;
    left: 0;
    width: 100%;
    height: 38.4rem;
    background-color: rgba(217, 217, 217, 0.78);
    z-index: 0;
}

.strategy-artical-section .container-article-width .slider-container {
    margin-top: 6.7rem;
    margin-bottom: 0px;
}

.strategy-artical-section .container-article-width .slider-container .slides-wrapper .slides .slide .card img {
    height: 38.4rem;
}

.strategy-artical-section .container-article-width .insights-strategy {
    background-color: var(--primary-color);
    padding: 10rem 9.2rem 8.2rem 8.1rem;
    max-width: 70rem;
    min-width: 70rem;
    z-index: 99;
    position: relative;
    margin-left: -2.4rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.strategy-artical-section .container-article-width .insights-strategy h2 {
    font-size: 5.2rem;
    line-height: 7rem;
    font-family: 'caecilia-lt-roman';
    margin: 0px;
    margin-bottom: 1rem;
}

.strategy-artical-section .container-article-width .insights-strategy ul {
    padding-left: 3rem;
    padding-bottom: 3.8rem;
}

.strategy-artical-section .container-article-width .insights-strategy ul li {
    font-size: 2.8rem;
    font-family: 'TradeGothicLTPro-Light';
    list-style: square;
    color: #000;
    margin-bottom: 1.4rem;
}

.strategy-artical-section .container-article-width .insights-strategy ul li::marker {
    color: #4a4a4a;
}

.strategy-artical-section .container-article-width .insights-strategy a {
    font-size: 1.8rem;
    line-height: 2.2rem;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
    color: #4D4A4A;
    font-family: 'TradeGothicLTPro-Bold';
    display: flex;
    align-items: center;
    gap: 1.8rem;
    margin-right: -4.7rem;
    justify-content: end;
    position: relative;
}

.strategy-artical-section .container-article-width .insights-strategy a span {
    position: relative;
}

.strategy-artical-section .container-article-width .insights-strategy a span::after {
    content: '';
    position: absolute;
    left: 0.2px;
    bottom: 1.3px;
    background-image: url(../img/text-line.svg);
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
}

.strategy-artical-section .container-article-width {
    display: flex;
    gap: 5.7rem;
}

.strategy-artical-section .container-article-width .slider-container .dots {
    margin-top: 0px;
}

.strategy-artical-section .container-article-width .slider-container .slides-wrapper .slides {
    gap: 2.5rem;
    width: 100%;
    box-sizing: border-box;
}

.strategy-artical-section .container-article-width .slider-container .slides-wrapper .slides .slide {
    flex: 0 0 calc((100% - 2.5rem) / 2);
    max-width: calc((100% - 2.5rem) / 2);
    box-sizing: border-box;
}

.strategy-artical-section .container-article-width .slider-container .slides-wrapper .slides .slide .card {
    background: transparent;
}

.strategy-artical-section .container-article-width .slider-container .slides-wrapper .slides .slide .card .card-body .card-body-inner {
    gap: 3rem;
}

.strategy-artical-section .container-article-width .slider-container .slides-wrapper .slides .slide .card .card-body {
    padding: 2.8rem 5.37rem 0rem 0.3rem;
    height: calc(100% - 38.4rem);
    background-color: transparent;
}


.strategy-artical-section .container-article-width .dots-strategy {
    margin-top: 0px;
    position: absolute;
    bottom: 3.8rem;
    left: 55.2rem;
    z-index: 9999;
    margin-top: 0px;
}

.strategy-artical-section .container-article-width .dots-strategy {
    display: flex;
    justify-content: center;
    margin-top: 5.7rem;
    gap: 1.6rem;
}

.strategy-artical-section .container-article-width .dots-strategy .dot {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    background-color: transparent;
    cursor: pointer;
    border: 1px solid #404042;
}

.strategy-artical-section .container-article-width .dots-strategy .dot.active {
    background-color: rgba(217, 217, 217, 60%) !important;
}

.strategy-artical-section .container-article-width .insights-strategy a img {
    width: 14.7rem;
}

.top-section .container-content-width .creative-banner .hero-intro-block .hero-intro-title {
    max-width: 108.7rem !important;
    margin-bottom: 3.8rem !important;
}

.top-section .container-content-width .creative-banner .hero-intro-block .hero-intro-p {
    max-width: 126.5rem !important;
}

.top-section .hero-container .hero-inner .creative-banner .hero-intro-block {
    padding: 8rem 12.4rem 8.5rem;
}

.top-section .hero-container .hero-inner .creative-banner .hero-intro-block .hero-research-intro {
    width: 50rem;
    right: -10rem;
    top: -11rem;
}

.process-section .container-service-width .pt-our-process .space-top {
    margin-top: 1rem;
}

.process-section .container-service-width .splat-flex-item-100 .list p.mt-p {
    margin-top: 2rem;
}

.process-section .container-service-width .splat-flex-item-100 .list p.mt-p.means-p {
    color: #000;
}

.conversation-creative .container-conversation h3 {
    max-width: 110rem;
    margin: auto;
}

.conversation-creative .container-conversation p {
    margin-top: 3.2rem;
}

.conversation-creative .container-conversation .btn-learn {
    margin-top: 8.3rem;
}

.creative-artical {
    padding-top: 4.6rem;
    padding-bottom: 5.5rem;
}

.creative-artical::before {
    top: 11.3rem;
}

.creative-artical .container-article-width .insights-strategy a span::after {
    bottom: 1.3px;
    background-image: url('');
    border-bottom: 1px solid #4D4A4A;
}

.creative-artical .container-article-width .dots-strategy {
    bottom: 9.3rem;
}

/* our-work-section */
.our-work-section {
    max-width: 192rem;
    padding-top: 4.5rem;
    padding-bottom: 9rem;
    background-color: #4D4A4A;
}

.our-work-section .work-container .work-head {
    font-size: 5.2rem;
    color: var(--primary-color);
    text-align: center;
    font-family: 'caecilia-lt-roman';
    letter-spacing: -0.15rem;
    position: relative;
    margin-bottom: 5.5rem;

}

.our-work-section .work-container .work-head::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -1rem;
    width: 95px;
    height: 6px;
    background-color: var(--primary-color);
}

.our-work-section .work-container .swiper {
    width: 100%;
}

.our-work-section .work-container .swiper .swiper-wrapper {
    padding-bottom: 7.6rem;
}

.our-work-section .work-container .swiper .swiper-wrapper .swiper-slide {
    position: relative;
    overflow: hidden;
    height: 35.2rem;
    width: 100%;
}

.our-work-section .work-container .swiper .swiper-wrapper .swiper-slide::after {
    position: absolute;
    content: '';
    background-image: linear-gradient(rgba(77, 74, 74, 0.5), #B3ACAC00);
    top: -1rem;
    left: -1.5rem;
    width: 115%;
    height: 110%;
}

.our-work-section .work-container .swiper .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.our-work-section .work-container .swiper .swiper-wrapper .swiper-slide .slide-text {
    position: absolute;
    top: 3.2rem;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    z-index: 99;

}

.our-work-section .work-container .swiper .swiper-wrapper .swiper-slide .slide-text .subtitle {
    color: #fff;
    font-size: 1.425rem;
    line-height: 3.167rem;
    text-align: center;
    text-transform: capitalize;
    font-family: 'TradeGothicLTPro';
}

.our-work-section .work-container .swiper .swiper-wrapper .swiper-slide .slide-text .title {
    color: var(--primary-color);
    font-size: 1.584rem;
    line-height: 1.917rem;
    text-align: center;
    text-transform: uppercase;
    font-family: 'caecilia-lt-bold';
}

.our-work-section .work-container .swiper .swiper-button-next,
.our-work-section .work-container .swiper .swiper-button-prev {
    color: white;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: '' !important;
}

.our-work-section .work-container .swiper .swiper-button-next,
.our-work-section .work-container .swiper .swiper-button-prev {
    bottom: 1rem;
    top: auto;
    padding: 0px;
    width: 3.9rem;
    height: auto;
}

.our-work-section .work-container .swiper .swiper-button-prev {
    left: calc(50% - 5rem);
}

.our-work-section .work-container .swiper .swiper-button-next {
    right: calc(50% - 5rem);
}

.our-work-section .work-container .swiper .swiper-button-next:focus,
.our-work-section .work-container .swiper.swiper-button-prev:focus {
    outline: 0px !important;
}

/* begin-section */
.begin-section {
    max-width: 192rem;
    position: relative;
    background-image: linear-gradient(to right, #FFFFFF 0%, #FCE095 100%);
    background-size: 192rem 100%;
    background-position: 96rem 0;
    background-repeat: no-repeat;
    padding: 14.7rem 9.3rem 8.7rem 15.3rem;
}
.begin-section::before {
    content: '';
    position: absolute;
    top: 7.2rem;
    right: 0px;
    width: calc(100% - 8rem);
    height: 2.5px;
    background-color: var(--primary-color);
}
.begin-section::after {
    content: '';
    position: absolute;
    top: 7.2rem;
    left: 7.9rem;
    height: calc(100% - 20.4rem);
    width: 2.5px;
    background-color: var(--primary-color);
}

.begin-section .begin-container a {
    background-color: var(--primary-color);
    color: #4D4A4A;
    padding: 1.5rem 1rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    position: relative;
    font-size: 4.2rem;
    line-height: 6.5rem;
    font-family: 'caecilia-lt-bold';
    gap: 1rem;
}
.begin-section .begin-container a::after {
   content: '';
    position: absolute;
    top: 50%;
    left: -7.3rem;
    width: 7.3rem;
    height: 2.5px;
    background-color: var(--primary-color);
}

.begin-section .begin-container span {
  text-decoration: underline;
}

.begin-section .begin-container a img {
    margin-left: 10rem;
}

.top-section .container-content-width .creative-banner .hero-intro-block .title-seo{
    margin-bottom: 1.8rem !important;
}
.service-section .container-service-width .splat-flex-item-100 h4.padding-right{
    padding-right: 1.3rem;
}
.top-section .hero-container .hero-inner .creative-banner .hero-intro-block .seo-hero-img{
    width: 64.642rem;
        right: -3.5rem;
}
.conversation-creative .container-conversation h3.w-100 {
    max-width: 100%;
}

.seo-case .container-article-width .insights-strategy p{
    margin: 0px;
    font-size: 2.8rem;
    line-height: 3.5rem;
    color: #4D4A4A;
    font-family: 'caecilia-lt-roman';
    padding-right: 2.2rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.seo-case{
    padding-top: 6.1rem;
    padding-bottom: 6.1rem;
}
.seo-case::before {
    top: 12.8rem;
}
.seo-start{
    padding: 7.5rem 2rem 14.5rem;
}
.seo-start .work-container h4{
    font-size: 4rem;
     font-family: 'TradeGothicLTPro';
     color: #fff;
     text-align: center;
       margin: 8rem 0 0;
}
.seo-start .work-container h4 span{
     font-family: 'caecilia-lt-roman';
     color: var(--primary-color);
    text-decoration: underline;
  
}
.seo-blog{
    padding-top: 3.2rem;
}
.schedule-consult{
    max-width: 192rem;
    position: relative;
    background:#fff;
    background-image: linear-gradient(to right, #FFFFFF 0%, #FCE095 100%);
    background-size: 192rem 100%;
    background-position: 96rem 0;
    background-repeat: no-repeat;
    padding: 18.1rem 11.8rem 9.5rem 12.8rem;
}
.schedule-consult .container-conversation h3.w-100{
    color: #4A4A4A;
}
.schedule-consult .container-conversation p{
    color: #4A4A4A;
    font-family: 'TradeGothicLTPro';
}

.process-section .seo-service-container {
    padding: 9.1rem 12rem 11.2rem 13.2rem;
}
.process-section .seo-service-container h2 {
   margin-bottom: 5.5rem;
   font-size: 5.5rem;
letter-spacing: -0.02rem;
}

.top-section .hero-container .hero-inner .creative-banner .hero-intro-block .markt-hero-img {
    width: 73.35rem;
    right: -6.5rem;
}
.research-top-section .hero-container .hero-inner .hero-intro-banner .hero-intro-block .mrkt-subtitle{
    max-width: 117.7rem;
        margin-bottom: 3.5rem;
}
.process-section .container-service-width .splat-flex-item-100 .list p.text-bl{
    color: #000 !important;
}
.service-section .container-service-width .mrkt-service h4{
    margin: 0 0 0.8rem;
    max-width: 129.2rem;
}
.service-section .container-service-width .mrkt-service p{
    max-width: 130.2rem;
}
.service-section .container-service-width .mrkt-service h4.service-mrkt-head{
    margin: 4.2rem 0 0.8rem;
}
.process-section .container-service-width .splat-flex-item-100 .list-mrkt{
    margin-top: 3rem;
}
.conversation-creative .container-conversation .btn-learn.btn-mrkt {
    margin-top: 9.1rem;
}
.markt-plan{
    padding: 22.3rem 11.8rem 9.5rem 12.8rem;
}
.research-top-section .hero-container .hero-inner .hero-intro-banner .hero-intro-block .advertising-p{
    max-width: 138.5rem !important;
}

.top-section .hero-container .hero-inner .creative-banner .hero-intro-block .online-advertising-img {
    width: 62rem;
    right: -0.5rem;
}

.process-section .seo-service-container h2.media-h2{
        font-size: 5.3rem;
}
.service-section .container-service-width .advertising-service p{
    max-width: 143rem;
}

.online-media .container-conversation p{
        line-height: 5rem;
    max-width: 112.4rem;
    margin: 1.5rem auto;
}
.online-media {
    padding: 15.4rem 11.8rem 9.5rem 12.8rem;
}
.online-media .container-conversation .btn-learn {
    margin-top: 5rem;
}
/* .strategy-faq .content-conrainer::before,
.strategy-faq .content-conrainer::after,
.faq-before-none .content-conrainer::after,
.faq-before-none .content-conrainer::before{
    display: none;
}

.faq-creative .content-conrainer .arrow-div,
.faq-before-none .content-conrainer .arrow-div{
    visibility: hidden;
}
.faq-section .content-conrainer{
    padding-bottom: 12.1rem;
} */

.top-section .hero-container .hero-inner .creative-banner .hero-intro-block .email-mrkt-img {
    width: 58.145rem;
    right: 0.3rem;
}

.top-section .container-content-width .email-banner .hero-intro-block .hero-intro-title {
    max-width: 95.7rem !important;
}

.research-top-section .hero-container .hero-inner .email-banner .hero-intro-block .mrkt-subtitle {
    max-width: 121.7rem;
}
.research-top-section .hero-container .hero-inner .email-banner .hero-intro-block .advertising-p {
    max-width: 140.5rem !important;
}

.research-top-section .hero-container .hero-inner .email-banner .hero-intro-block {
    padding: 8rem 12.4rem 8rem;
}

.research-top-section .hero-container .hero-inner .email-banner .hero-intro-block .email-mrkt-img {
    right: 0.3rem;
    width: 58.145rem;
}
.research-top-section .hero-container .hero-inner .email-banner .hero-intro-block .hero-intro-subtitle {
    letter-spacing: -0.2rem;
}
.process-section .email-service-container{
   padding:  11.7rem 8rem 7.2rem 13.2rem;
}

.process-section .email-service-container h2{
    margin-bottom: 6.5rem;
    font-size: 5.5rem;
    letter-spacing: -0.2rem;
}
.service-section .email-service-container .advertising-service p{
    max-width: 100%;
}
.service-section .email-service-container .splat-flex-item-100 h4{
    max-width: 139rem;
}
.service-section .email-service-container .splat-flex-item-100 p.email-p-service{
    max-width: 137rem;
}
.service-section .email-service-container .splat-flex-item-100 p.email-serice-last-p{
    max-width: 143rem;
}
.service-section .email-service-container .service-email-ul-div h3{
   font-family: 'caecilia-lt-bold';
   color: #4D4A4A;
    font-size: 4.5rem;
    text-align: center;
}
.service-section .email-service-container .service-email-ul-div .list-email h2{
   font-family: 'caecilia-lt-bold';
   color: #4D4A4A;
    font-size: 4.5rem;
    margin-bottom: 0.5rem;
    letter-spacing: 0.01rem;
}
.service-section .email-service-container .service-email-ul-div .list-email {
     display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: .5rem;
}
.service-section .email-service-container .service-email-ul-div .list-email ul {
 padding-left: 1.1rem;
}
.service-section .email-service-container .service-email-ul-div .list-email ul li{
      font-family: 'TradeGothicLTPro-Light';
    font-size: 2.8rem;
    color: #000;
    list-style: square;
    margin-bottom: .6rem;
}
.service-section .email-service-container .service-email-ul-div .list-email ul li::marker {
    color: #4A4A4A;
}
.service-section .email-service-container .service-email-ul-div {
    padding-top: 8.6rem;
    position: relative;
}
.service-section .email-service-container .service-email-ul-div::after {
    content: '';
    position: absolute;
    top: 7.5rem;
   right: -8rem;
    width: calc(100% - 12.5rem);
    height: 3px;
    background-color: var(--primary-color);
}
.service-section .email-service-container .service-email-ul-div::before {
        content: '';
    position: absolute;
    top: 7.6rem;
    right: calc(100% - 20.8rem);
    width: 3px;
    height: 6.6rem;
    background-color: var(--primary-color);
}

.email-automation .container-conversation .btn-learn{
        font-weight: 600;
    font-size: 4.2rem;
    line-height: 6.5rem;
        font-family: 'caecilia-lt-bold';
        margin-top: 7rem;
}
.email-automation .container-conversation h3{
    max-width: 107.6rem;
    margin: 0 auto 2rem;
}
.email-automation{
    padding: 14.3rem 11.8rem 9.5rem 12.8rem;
}

.email-start .work-container h4{
    max-width: 151.4rem;
    margin: 0 auto;
    line-height:6rem;
    font-size: 3.8rem;
}
.email-start{
        padding: 7.1rem 2rem 5.5rem;
}
.client-email .container-testimonial-100{
    border-bottom: 2px solid #cccccc;
}

.research-top-section .hero-container .hero-inner .website-banner .hero-intro-block .website-conversion-img{
    right: -6.7rem;
    width: 65rem;
}
.research-top-section .hero-container .hero-inner .website-banner .hero-intro-block .hero-intro-title {
    max-width: 117.5rem;
}
.research-top-section .hero-container .hero-inner .website-banner .hero-intro-block .mrkt-subtitle {
    max-width: 90.9rem;
}
.research-top-section .hero-container .hero-inner .website-banner .hero-intro-block .advertising-p{
    max-width: 134.3rem !important;
}
.research-top-section .hero-container .hero-inner .website-banner .hero-intro-block {
    padding: 8rem 12.4rem 8rem;
}
.service-section .email-service-container .advertising-service p.website-service-p{
    max-width: 138rem;
}
.process-section .service-website-container {
    padding: 11.7rem 7rem 9.2rem 13.2rem;
}
.service-section .service-website-container .splat-flex-item-100 h4.website-service-last-head{
    max-width: 134.9rem;
}
.process-section .container-service-width .pt-our-process .service-ul-website{
    padding-left: 3rem;
}
.process-section .container-service-width .pt-our-process .service-ul-website li{
font-family: 'TradeGothicLTPro-Light';
    font-size: 2.8rem;
    color: #000;
    list-style: square;
    margin-bottom: .6rem;
}
.website-optimization .container-conversation .btn-learn{
    font-weight: 600;
    font-size: 4.2rem;
    line-height: 6.5rem;
    font-family: 'caecilia-lt-bold';
}
.website-optimization .container-conversation p{
    margin-top: 3.5rem;
}
.website-optimization .container-conversation .btn-learn{
    margin-top: 8rem;
}
.website-start{
        padding: 7.5rem 2rem 12.5rem;
}





/*///////// v2 CORRECTED BY BRIAN /////////*/

/*////// OUR WORK SECTION //////*/
section.work-section {
    background: #4D4A4A;
}
section.work-section div.work-container {
    padding: 12rem 0 11rem 0;
}

/*//// FLEX ////*/
div.work-container div.work-flex-container {}
div.work-flex-container div.work-flex-item {
    text-align: center;
}

/*// SPECIFICS //*/
#work-flex-item-1 {
    padding: 0 0 6rem 0;
}
#work-flex-item-2 {}
#work-flex-item-3 {
    padding: 1rem 0;
    text-align: center;
}

/*// ELEMENTS //*/
div.work-flex-item h3 {
    position: relative;
    color: #FBBE15;
    text-align: center;
    font-family: "Caecilia LT Pro";
    font-size: 5.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.346; /* 134.615% */
}
div.work-flex-item h3:after {
    content: "";
    position: absolute;
    bottom: -1rem;
    left: 50%;
    transform: translateX(-50%);
    width: 9.5rem;
    height: 0.6rem;
    background: #FBBE15;
}

/*// SLIDER //*/
#case-study-slider {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0;
    padding: 0 0;
}
#case-study-slider div.slide {
    display: inline-block;
    position: relative;
    width: 25%;
    height: 35rem;
    margin: 0 0;
    padding: 0 0;   
    overflow: hidden; 
}
div.slide a.hotspot {
    z-index: 1000;
}
div.slide div.slide-img {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
div.slide div.hover-overlay {
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    background: rgba(0,0,0,.33);
    transition: opacity .3s ease;
}
div.slide:hover div.hover-overlay {
    opacity: 1;
}
/*/ CASE STUDY CATEGORY /*/
div.slide div.project-category {
    position: absolute;
    z-index: 500;
    top: 4rem;
    left: 50%;
    transform: translateX(-50%);    
}
div.project-category h2 { 
    color: #FFF;
    text-align: center;
    font-family: "Trade Gothic Next LT Pro";
    font-size: 1.4252rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.2; /* 222.222% */
    text-transform: capitalize;
}
div.project-category h3 {
    color: #FBBE15;
    font-family: "Caecilia LT Pro";
    font-size: 1.5835rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.9794rem;
    text-transform: uppercase;    
}
div.slide div.project-category h3:after {
    display: none;
}
div.slide h4 {
    position: absolute;
    z-index: 500;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);  
    width: 100%;
    padding: 0 0rem;
    margin: 0 0;   
    color: #FBBE15;
    text-align: center;
    font-family: "Trade Gothic Next LT Pro";
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.555; /* 155.523% */
    text-transform: uppercase;
    opacity: 0;
    transition: opacity .3s ease;
}
div.slide:hover h4 {
    opacity: 1;
}
/*// PREVIOUS NEXT ARROWS //*/
div.slider-navigation {
    position: relative;
    width: 13rem;
    height: 4rem;
    margin: 0 auto;
}
div.slider-navigation #previous-arrow {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    cursor: pointer;
}
div.slider-navigation #next-arrow {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    cursor: pointer;
}





/*////// GOT QUESTIONS SECTION //////*/
section.got-section {
    background: #FBBE15;
}
section.got-section div.got-container {
    padding: 2rem 0;
}
div.got-flex-item h3 {
    color: #4D4A4A;
    text-align: center;
    font-family: "Caecilia LT Pro";
    font-size: 5.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.34; 
}



/*////// FAQ SECTION //////*/
section.faq-section {
    background-color: #FBF3DF;
    background: linear-gradient(
      90deg,
      rgba(207, 198, 177, 0.3) 4%,
      rgba(252, 195, 43, 0.3) 100%
    );

}
section.faq-section div.faq-container {
    padding: 6rem 16rem 16rem 16rem;
    background-position: top right;
    background-size: 20%;
    background-repeat: repeat-y;
    background-image: url(https://splatstage.wpengine.com/wp-content/uploads/2025/06/splat-service-page-faq-background-v3.png);
}

/*//// FLEX ////*/
div.faq-container div.faq-flex-container {
    z-index: 1000;
}
div.faq-flex-container div.faq-flex-item {}

div.faq-flex-item h3 {
    color: #4D4A4A;
    text-align: center;
    font-size: 4rem;
    font-style: normal;
    line-height: 1; /* 100% */
    letter-spacing: 0.2rem;
    letter-spacing: 0.02rem;
    text-transform: uppercase;
    font-family: 'TradeGothicLTPro-BdCn20';
}
div.faq-accent {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 10rem;
    z-index: 100;
    width: calc( 100% - 5rem);
    border: 0.2rem solid #FBBE15;
    border-right: none;
    border-top: none;
}
/*//// FAQ ACCORDIAN ////*/
div.faq-flex-container div.accordian-container {
    height: auto;
    border-radius: 1rem;
    border-bottom: 2px solid #4D4A4A;
}
/*// ACCORDIAN TOP //*/
div.accordian-top {
    position: relative;
    height: auto;
    padding: 1.5rem 3rem 0 3rem;  
}
div.accordian-top h4 {
    color: #4D4A4A;
    font-family: 'TradeGothicLTPro-BdCn20';
    font-size: 3.5rem;
    font-style: normal;
    line-height: 1.14; /* 114.286% */
    letter-spacing: 0.0525rem;
}

/*//// ICON ////*/
div.accordian-top .accordian-icon {
   position: absolute;
   top: 105%;
   right: 2rem;
   transform: translateY(-50%);
   width: 2.4rem;
   color: #ffffff;
   visibility: initial;
   cursor: pointer;
}
/*// ICON VISIBILITY //*/
div.accordian-top.open .accordian-icon.closed { visibility: hidden; }
div.accordian-top.open .accordian-icon.opened { visibility: visible; }

div.accordian-top .accordian-icon.closed { visibility: visible; }
div.accordian-top .accordian-icon.opened { visibility: hidden; }

/*// ACCORDIAN BOTTOM //*/
div.accordian-bottom {
    height: auto;
    max-height: 0;
    padding: 0rem 3rem 0 3rem;
    transition: all .5s ease;
    overflow: hidden;
}
div.accordian-bottom.open {
   height: auto;
   padding: 0rem 3rem 3rem 3rem;
   max-height: 100rem;
}
div.accordian-bottom p {
    color: #000;
    font-family: "Caecilia LT Pro";
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.45; /* 145.833% */
    letter-spacing: -0.036rem;
}
div.accordian-bottom p a {
    text-decoration: underline;
}
/*// SPECIFICS //*/
#faq-flex-item-1 {
    padding: 3rem 0;
}





/*////// CONTACT SECTION //////*/
section.contact-section {
    max-width: 192rem;
}
section.contact-section div.contact-container {
    position: relative;
    padding: 5rem 28rem;
    margin: 0;
}

.contact-container .contact-flex-container {}
.contact-flex-container .contact-flex-item {}

#contact-flex-item-1 {
    padding: 8rem 0 0 0;
}
#contact-flex-item-1 h2 {
    text-align: center;
}
#contact-flex-item-1 .yellow-line.title-line {}
#contact-flex-item-2 p {
    margin: 2rem 0;
}
#contact-form {}
#contact-form .sending-scrim {}
.sending-scrim .sending-icon {}






/*////// REPONSIVE //////*/
@media only screen and (max-width: 1920px) { 

    /*html { font-size: 0.52083vw !important; }*/

}
@media only screen and (max-width: 1440px) { }
@media only screen and (max-width: 1365px) { }

@media screen and (max-width: 1025px) { }
@media screen and (max-width: 851px) { }
@media screen and (max-width: 480px) {


        /*////// HERO SECTION //////*/
        .top-section { padding: 0 0; }
        .research-top-section .hero-container .hero-inner .hero-intro-banner .hero-intro-block {
            width: 100%; padding: 28rem 2rem 2rem 2rem;
        }
        .research-top-section .hero-container .hero-inner .hero-intro-banner .hero-intro-block .hero-intro-title {
            font-size: 6rem; line-height: 1.1; margin-bottom: 1.8rem;
        }
        /*/ ACCENT /*/
        .research-top-section .hero-container .hero-inner .hero-intro-banner .hero-intro-block::before,
        .research-top-section .hero-container .hero-inner .hero-intro-banner .hero-intro-block::after {
            display: none;
        }
        /*/ HERO IMAGE /*/
        .research-top-section .hero-container .hero-inner .hero-intro-banner .hero-intro-block .hero-research-intro {
            top: -2rem; right: initial; left: -11rem; width: 50rem;
        }
        /*/ TYPOGRAPHY /*/
        .research-top-section .hero-container .hero-inner .hero-intro-banner .hero-intro-block .hero-intro-subtitle {
            font-size: 3rem; line-height: 1.27; margin-bottom: 4.5rem;
        }
        .research-top-section .hero-container .hero-inner .hero-intro-banner .hero-intro-block .hero-intro-p {
            font-size: 1.6rem; line-height: 1.3;
        }


        /*////// SERVICES SECTION //////*/
        .service-section { padding: 4rem 2rem 6rem 2rem; }
        .process-section .container-service-width { padding: 0 2rem; }
        /*/ ACCENT /*/
        .process-section::before, 
        .process-section::after { display: none; }
        /*/ TYPOGRAPHY /*/
        .service-section .container-service-width h6 { font-size: 1.2rem; line-height: 2.2; }
        .service-section .container-service-width .splat-flex-item-100 h4 { font-size: 3rem; line-height: 1.27; }
        .service-section .container-service-width .splat-flex-item-100 p { font-size: 1.8rem; line-height: 1.2; }
        /*/ LIST /*/
        .process-section .container-service-width .splat-flex-item-100 .list { padding-left: 0; }
        .process-section .container-service-width .splat-flex-item-100 .list ul li { font-size: 1.8rem; line-height: 1.2; }


        /*////// START CONVERSATION SECTION //////*/
        .start-conversation-section { padding: 6rem 2rem 8rem 2rem; }
        /*/ ACCENT /*/
        .start-conversation-section::before,
        .start-conversation-section::after { display: none; }
        .start-conversation-section .container-conversation .btn-learn::before { display: none; }
        /*/ TYPOGRAPHY /*/
        .start-conversation-section .container-conversation h3 { padding: 0 3rem; font-size: 3.5rem; line-height: 1.2; }
        .start-conversation-section .container-conversation p { padding: 0 5rem; font-size: 1.8rem; line-height: 1.25; }
        /*/ BUTTON /*/
        .start-conversation-section .container-conversation .btn-learn { margin-top: 5rem; padding: 1.5rem 6rem; }
        .start-conversation-section .container-conversation .btn-learn span { font-size: 2.2rem; line-height: 1.2; }


        /*////// CLIENT SECTION //////*/
        .client-section-strategy { padding: 6rem 2rem 8rem 2rem; }
        /*/ ACCENT /*/
        .client-section-strategy::before,
        .client-section-strategy::after { display: none; }
        .client-section-strategy .strategy-stuck::before { display: none; }
        /*/ TYPOGRAPHY /*/
        .client-section-strategy .strategy-stuck { padding-top: 0; font-size: 3rem; line-height: 1.2; }
        .client-section .container-testimonial-100 .testimonial p { font-size: 2.2rem; line-height: 1.3; }
        .client-section .container-testimonial-100 .testimonial p.client-name,
        .client-section .container-testimonial-100 .testimonial p.client-firm a { font-size: 1.6rem; margin-top: 2rem; }


        /*////// ARTICLES SECTION //////*/
        .strategy-artical-section { padding: 0 0 4rem 0; }
        /*/ ACCENT /*/
        .strategy-artical-section::before { display: none; }
        /*/ ARTICLES /*/
        .strategy-artical-section .container-article-width { width: 100%; gap: 0; flex-wrap: wrap; }
        .strategy-artical-section .container-article-width .insights-strategy { order: 1; width: 100%; min-width: 100%; margin: 0 0;padding: 4rem 2rem; }
        .strategy-artical-section .container-article-width .slider-container { order: 2; width: 100%; margin: 0 0; }
        /*/ ARTICLE TYPOGRAPHY /*/
        .strategy-artical-section .container-article-width .insights-strategy h2 { font-size: 3rem; line-height: 1.2; }
        .strategy-artical-section .container-article-width .insights-strategy ul li { font-size: 1.8rem; line-height: 1.2; }
        /*/ ARROW LINK /*/
        .strategy-artical-section .container-article-width .insights-strategy a { 
            gap: 1rem; justify-content: flex-start; margin-right: 0; font-size: 1.5rem; line-height: 1.2rem;
        }
        .strategy-artical-section .container-article-width .insights-strategy a img { width: 7rem; }
        /*/ DOTS /*/
        .strategy-artical-section .container-article-width .dots-strategy { display: none; }
    
    
        /*////// CASE STUDIES //////*/
        .case-study-section { padding: 6rem 0; }
        .case-study-section .case-container .case-haeder { font-size: 3rem; line-height: 1.2; padding: 6rem 6rem; margin-bottom: 3rem; }
        /*/ ACCENT /*/
        .case-study-section .case-container .case-haeder::before { display: none; }
        .case-study-section::before { display: none; }
        .case-study-section::after { display: none; }
        /*/ TYPOGRAPHY /*/
        .case-study-section .case-container p { padding: 0 4rem; font-size: 1.8rem; line-height: 1.2; }

        /*/ ARROW LINK /*/
        .case-study-section .case-container a { 
            gap: 1rem; justify-content: flex-start; margin-right: 0; padding: 0 2rem; font-size: 1.5rem; line-height: 1.2rem;
        }
        .case-study-section .case-container a .case-arrow { width: 7rem; }


        /*////// OUR WORK SECTION //////*/
        section.work-section {}
        section.work-section div.work-container { height: auto; padding: 6rem 2rem; border: none; }
        div.work-flex-item h3 { padding: 0 4rem; font-size: 3rem; line-height: 1.2; }
        div.slide div.hover-overlay { opacity: .3; }
        div.slide h4 { top: 75%; font-size: 2rem; color: #ffffff; opacity: 1; }


        /*////// GOT QUESTIONS SECTION //////*/
        section.got-section {}
        section.got-section div.got-container { height: auto; padding: 6rem 2rem; border: none; }
        div.got-flex-item h3 { font-size: 3rem; } 


        /*////// FAQ SECTION //////*/
        section.faq-section {}
        section.faq-section div.faq-container { height: auto; padding: 6rem 2rem; border: none; background-image: none; }
        #faq-flex-item-1 { padding: 0 0; }
        div.faq-flex-item h3 { font-size: 3rem; line-height: 1.2; }
        div.accordian-top,
        div.accordian-top.open { padding: 2rem 0 0 0; }
        div.accordian-bottom,
        div.accordian-bottom.open { padding: 0 0 2rem 0; }
        div.accordian-top h4 { font-size: 2.2rem; }
        div.accordian-bottom p { font-size: 1.7rem; line-height: 1.2; }


        /*////// CONTACT SECTION //////*/
        section.contact-section {}
        section.contact-section div.contact-container { height: auto; padding: 6rem 2rem; border: none; }
        #contact-flex-item-1 { padding: 0 0 0 0; }
        #contact-flex-item-1 h2 { font-size: 3rem; line-height: 1.2; }
        div.wpcf7 div.input-container.half-width { width: 100%; }

}
@media only screen and (max-width: 380px) { }
@media only screen and (max-width: 320px) { }

/*//// LANDSCAPE RESPONSIVE ////*/
@media screen and (max-width: 850px) and (orientation: landscape) { }
@media screen and (max-width: 600px) and (orientation: landscape) { }