@charset "UTF-8";
/***************** case study *****************/
.caseStudy .caseStudy-wrapper.boxSub:before, .caseStudy .caseStudy-wrapper.boxSub:after{
    background-color: var(--taktical-orange);
}


.caseStudy .caseStudy-wrapper.boxSub.boxSub-privacy:after {
    background-color: #5A68EF !important;
}

.pp-article {
    width: 100% !important;
    margin: 5vw auto 5vw !important;
    background: #f1f3ff !important;
    padding: 2vw 5vw !important;
    box-shadow: 0vw 12px 40px 4px rgb(0 0 0 / 12%) !important;
    border-radius: 40px !important;
}

.casestudy-header {
    width: 40vw;
    margin: auto;
}

.caseStudy-wrapper {
    padding: 4vw 5vw 4vw 5vw;
    overflow: hidden;
    position: relative;
    z-index: 2;
    min-height: 18vw;
}

.caseStudy{
    position: relative;
    overflow: hidden;
    background-color: var(--taktical-light-blue);
    box-shadow: var(--box-shadow-cont);
}

.case-study-logo {
    margin: auto;
    display: block;
    width: 14vw;
}

.clutter-container {
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 5vw auto;
    overflow: hidden;
    border-radius: 3vw;
    box-shadow: var(--box-shadow-cont);
}
.clutter-box {
    height: 40vw;
    width: 33.33%;
    overflow: hidden;
    position: relative;
    margin: 0;
}

.clutter-box .clutter-btn{
    border-radius: 0;
    text-align: center;
    border-bottom-left-radius: var(--taktical-btn-border-radius);
    border-top-right-radius: var(--taktical-btn-border-radius);
    font-size: 1vw;
    padding: 0 2.2vw;
    line-height: 3.2vw;
    min-height: 3.2vw;
    text-decoration: none;
    display: block;
    width: auto;
    cursor: pointer;
    box-shadow: .1vw .2vw .6vw .1vw rgba(24, 24, 24, 0.14);
    transition: all .2s ease-in-out;
    margin-right: 1vw;
    font-weight: 700;
    position: relative;
    overflow: hidden;
    font-family: 'Lato', sans-serif;
    letter-spacing: -0.02vw;
}

.clutter-box .clutter-btn:after {
    content: '';
    display: block;
    position: absolute;
    top: -5vw;
    left: -12vw;
    background: #808080;
    width: 5vw;
    height: 10vw;
    opacity: .3;
    transform: rotate(-45deg);
    border-radius: 46vw;
}

.clutter-box .clutter-btn:hover:after {
    left: 107%;
    transition: all 600ms cubic-bezier(0.3, 1, 0.2, 1);
    -webkit-transition: all 600ms cubic-bezier(0.3, 1, 0.2, 1);
}

.pat1 .clutter-btn, .pat2 .clutter-btn, .pat5 .clutter-btn, .pat6 .clutter-btn, .pat7 .clutter-btn, .pat9 .clutter-btn {
    background: var(--taktical-orange);
    color: var(--taktical-blue);
    border: 0;
}
.pat3 .clutter-btn, .pat4 .clutter-btn, .pat8 .clutter-btn{
    background: #fff;
    color: var(--taktical-blue);
    border: 0;
}


.clutter-header {
    padding: 3vw 2vw;
}

.pat1{
    background-color: var(--anim-color-fade);
}
.pat2{
    background-color: var(--taktical-light-blue);
}
.pat3{
    background-color: var(--anim-color-fade);
}
.pat4{
    background-color: #B9C1FD;
}
.pat5{
    background-color: var(--anim-color-active);
}
.pat6{
    background-color: #fff;
}
.pat7{
    background-color: var(--taktical-light-blue);
}
.pat8{
    background-color: #B9C1FD;
}
.pat9{
    background-color: var(--anim-color-fade);
}

.pat1 p, .pat9 p, .pat5 p ,.pat3 p{
    color: #fff;
}
.pat2 p, .pat7 p,  .pat4 p, .pat8 p, .pat6 p{
    color: var(--taktical-text-blue);
}


/* .pat1:after {
    width: 27vw;
    height: 26.5vw;
    background-image: url(../images/casestudy/pat1.png);
    right: 0;
    bottom: 0;
    background-size: cover;
} */

.pat1 svg {
    position: absolute;
    right: -9vw;
    bottom: -10.3vw;
    width: 37vw;
    height: 37vw;
}

/* .pat2:after {
    width: 36.5vw;
    height: 27.8vw;
    background-image: url(../images/casestudy/pat2.png);
    right: 0;
    bottom: 0;
    background-size: cover;
} */

.pat2 svg {
    position: absolute;
    left: -33.6vw;
    right: 0;
    margin: auto;
    width: 93vw;
    bottom: -14.2vw;
    height: 42.8vw;
}

/* .pat3:after {
    width: 31.3vw;
    height: 36.5vw;
    background-image: url(../images/casestudy/pat3.png);
    right: 0;
    bottom: -8vw;
} */

.pat3 svg {
    position: absolute;
    bottom: -10.5vw;
    left: -9vw;
    width: 47vw;
    height: 39vw;
}

/* .pat4:after {
    width: 31.3vw;
    height: 36vw;
    background-image: url(../images/casestudy/pat4.png);
    right: 0;
    bottom: -8vw;
} */

.pat4 svg {
    position: absolute;
    bottom: -2.95vw;
    left: -6vw;
    width: 42vw;
    height: 31vw;
}

/* .pat5:after {
    width: 31.1vw;
    height: 30vw;
    background-image: url(../images/casestudy/pat5.png);
    right: 0;
    bottom: -2vw;
} */
.pat5 svg {
    position: absolute;
    bottom: -15.2vw;
    left: -23.8vw;
    width: 60.8vw;
    height: 45vw;
}

/* .pat6:after {
    width: 31vw;
    height: 29.25vw;
    background-image: url(../images/casestudy/pat6.png);
    right: 0;
    bottom: 0;
} */

.pat6 svg {
    position: absolute;
    bottom: -14.2vw;
    left: -31.5vw;
    width: 58.8vw;
    height: 43vw;
}

/* .pat7:after {
    width: 32.5vw;
    height: 33.3vw;
    background-image: url(../images/casestudy/pat7.png);
    right: 0;
    bottom: 0;
    background-size: cover;
} */

.pat7 svg {
    position: absolute;
    bottom: -1.35vw;
    left: -1.4vw;
    width: 32.4vw;
    height: 35.5vw;
}

/* .pat8:after {
    width: 100%;
    height: 33.1vw;
    background-image: url(../images/casestudy/pat8.png);
    right: 0;
    bottom: 0;
    background-size: cover;
} */

.pat8 svg {
    position: absolute;
    bottom: -1.7vw;
    left: -0.3vw;
    width: 31.5vw;
    height: 36vw;
}

/* .pat9:after {
    width: 31.95vw;
    height: 30.9vw;
    background-image: url(../images/casestudy/pat9.png);
    right: 0;
    bottom: 0;
    background-size: cover;
} */
.pat9 svg {
    position: absolute;
    bottom: -14vw;
    left: -15.3vw;
    width: 60.5vw;
    height: 50vw;
}
.img-circle-svg {
    position: absolute;
    width: 23vw;
    display: block;
    margin: auto;
    top: 6vw;
    bottom: 0;
    left: 0;
    right: 0;
    height: 23vw;
    border-radius: 100vw;
    overflow: hidden;
}
.svg-rotate-box {
    overflow: hidden;
    border-radius: 7vw;
    width: 32vw;
    height: 32vw;
    transform: rotate(35deg);
    position: absolute;
    right: -9vw;
    bottom: -8vw;
}
.svg-rotate-box img {
    height: 100%;
    object-fit: cover;
    width: 100%;
    border-radius: 7vw;
    rotate: -35deg;
    position: absolute;
    left: -7vw;
    top: -1vw;
}
.img-circle-svg img{
    max-width: 100%;
}

/* .pat2:before {
    background-image: url(../images/casestudy/pat2-before.png);
} */
/* .pat6:before {
    background-image: url(../images/casestudy/pat6-before.png);
} */
/* .pat7:before {
    background-image: url(../images/casestudy/pat7-before.png);
} */



.clutter-headline {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    font-size: 1.8vw;
    width: 15vw;
    line-height: 2vw;
    font-weight: 800;
    letter-spacing: -0.05vw;
}

.clutter-subheadline {
    font-weight: 200;
    font-size: 1.2vw;
}




@media (max-width:767px){
    .casestudy-header .site-heading{
        text-align: center!important;
    }
    .casestudy-header .site-para {
        font-size: 3.5vw;
        margin-bottom: 3.5vw;
        line-height: 5vw;
    }
    .case-study-logo {
        margin: auto;
        display: block;
        width: 45vw;
    }
    .casestudy-header {
        margin: 5vw 0 5vw;
        padding: 0 2vw;
        width: 100%;
        text-align: left;
    }
   
    .clutter-container {
        padding: 0;
        list-style: none;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-wrap: wrap;
        margin: 5vw auto;
        overflow: hidden;
        border-radius: 3vw;
    }
    .clutter-box {
        height: 95vw;
        width: 100%;
        margin-bottom: 5vw;
    }
    .clutter-headline {
        font-size: 7vw;
        width: 50vw;
        line-height: 7.2vw;
    }
    .clutter-header {
        padding: 6vw 5vw;
    }
    .clutter-subheadline {
        font-size: 4.2vw;
    }
    .clutter-box .clutter-btn {
        font-size: 4vw;
        padding: 0 0vw;
        line-height: 11vw;
        margin: 0;
        max-width: 100%;
        height: 11vw;
        width: 30vw;
    }
    .pat1 svg {
        right: -23vw;
        bottom: -22.3vw;
        width: 94vw;
        height: 95vw;
    }
    .pat2 svg {
        left: -52.6vw;
        right: 0;
        width: 190vw;
        bottom: -19.2vw;
        height: 86.8vw;
    }
    .pat3 svg {
        bottom: -26.5vw;
        right: -23vw;
        width: 124vw;
        height: 99vw;
        left: inherit;
    }
    .pat4 svg {
        bottom: -13.95vw;
        left: -6vw;
        width: 108vw;
        height: 94vw;
    }
    .pat5 svg {
        bottom: -31.2vw;
        left: -28.8vw;
        width: 142.8vw;
        height: 104vw;
    }
    .pat6 svg {
        bottom: -40.2vw;
        left: -66.5vw;
        width: 141.8vw;
        height: 110vw;
    }
    .pat7 svg {
        bottom: -12.35vw;
        left: -2.4vw;
        width: 95.4vw;
        height: 98.5vw;
    }
    .pat8 svg {
        bottom: -26.7vw;
        left: -0.3vw;
        width: 93.5vw;
        height: 98vw;
    }
    .pat9 svg {
        bottom: -45vw;
        left: -29.3vw;
        width: 149.5vw;
        height: 118vw;
    }
    .img-circle-svg {
        width: 60vw;
        height: 60vw;
    }
    
    .svg-rotate-box {
        border-radius: 14vw;
        width: 70vw;
        height: 70vw;
        right: -14vw;
        bottom: -18vw;
    }
    .svg-rotate-box img {
        left: -13vw;
        top: -3vw;
    }
}


/**************** rachel zoe - case study post****************/

.rachel-zoe .rachel-zoe-banner-opt {
    position: relative;
    height: 43vw;
}

.rachel-zoe .rachel-zoe-banner-opt .banner-p {
    position: absolute;
    width: 44vw;
    margin: auto;
    top: 5vw;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.rachel-zoe .rachel-zoe-banner-opt svg {
    width: 49vw;
    height: 43vw;
    position: absolute;
    top: 0;
    right: -0.4vw;
    bottom: 0;
}

.rachel-zoe .banner{
    background-color: #fff;
    color: var(--taktical-text-blue);
}

.case-study-post .intro {
    margin: auto 5vw;
}

@media (max-width: 767px){
    .case-study-post .intro {
        margin: 40vw auto 5vw;
    }
}

.rachel-zoe .banner .intro h1 {
    font-size: 4vw;
    line-height: 4.5vw;
    font-weight: bold;
    letter-spacing: -0.05vw;
    margin-bottom: 2vw;
}

.goals-challange, .taktical-approach{
   margin: 5vw auto 5vw;
}

.goals-wrapper{
    box-shadow: 0 0 50px -35px #000;
    overflow: hidden;
    position: relative;
    z-index: 2;
    min-height: 18vw;
    background-color: var(--taktical-light-blue);
}

.goals-wrapper > div {
    padding: 3vw 0vw 3vw 8vw;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    min-height: 32vw;
}

.goals-wrapper .taktical-rachel-zoe.taktical-rachel-zoe{
    padding: 0;
}

.goals-wrapper svg {
    width: 39.8vw;
    height: 34vw;
    position: absolute;
    right: 0;
    z-index: 0;
}
.goals-wrapper.v2 svg {
    width: 40.1vw;
    height: 33vw;
    position: absolute;
    left: -0.1vw;
    z-index: 0;
}
.goals-wrapper img{
    width: 35vw;
    position: absolute;
    margin: auto;
    z-index: 1;
}
.goals-wrapper.v2 img {
    width: 25vw;
    left: 9vw;
}
.goals-wrapper .site-heading {
    font-size: 3.8vw;
}

.goals-challange .site-para {
    padding-right: 7vw;
    font-size: 1.4vw;
}

.goals-wrapper.v2 > div{
    padding: 3vw 8vw 3vw 0;
}


.goals-wrapper.v2{
    background-color: var(--taktical-blue);
}

.approach-rachel-zoe.approach-rachel-zoe{
    padding: 0vw 0vw 0 0vw;
}




.result-rachel-zoe {
    margin: 5vw auto;
}
.rachel-zoe .case-study-result {
    margin-top: 4vw;
    margin-bottom: 3vw;
}
.case-study-result{
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
}

.case-study-result .result-item {
    padding: 0;
    width: 17vw;
    gap: 1vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 0;
}

.case-study-result .result-item span:first-child {
    color: var(--taktical-orange);
    font-size: 3vw;
    line-height: 3vw;
    font-weight: 900;
    white-space: normal;
    letter-spacing: -0.1vw;
}
.case-study-result .result-item span:last-child {
    color: var(--taktical-text-blue);
    font-size: 1.45vw;
    font-weight: 600;
    line-height: 1.5vw;
    min-height: 4vw;
    letter-spacing: -0.02vw;
}

.half-div-leaf-shadow {
    box-shadow: 0 0.3vw 1.5vw -0.9vw #000;
    margin: 0 1vw;
    padding: 1vw 2vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 9vw;
    flex: 1;
}

.half-div-leaf-shadow > * {
    flex: 1;
}

.half-div-leaf-shadow .taktical-leaf-style {
    min-height: 3.2vw;
    padding: 0 1vw;
    letter-spacing: 0.02vw;
    font-size: 1vw;
    line-height: 3vw;
}
.case-study-pagination {
    width: 12vw;
    padding: 0 0vw 0 1vw;
}

.case-study-pagination-hdtxt {
    font-size: 1.4vw;
    letter-spacing: -0.02vw;
    line-height: 1.6vw;
}
.case-study-pagination-subtxt {
    font-size: 1vw;
    font-weight: 400;
    letter-spacing: -0.05vw;
}


.lightmove{
    animation: path 4s linear infinite;
}

.lightmove2{
    animation: path2 4s linear infinite;
}
@keyframes path{
    0%{
        transform:translateY(0)
    }
    50%{
        transform:translateY(3%)
    }
    100%{
        transform:translateY(0%)
    }
}

@keyframes path2{
    0%{
        transform:translateY(0)
    }
    50%{
        transform:translateY(-3%)
    }
    100%{
        transform:translateY(0%)
    }
}



@media (max-width:767px){
    .rachel-zoe .rachel-zoe-banner-opt svg {
        width: 100%;
        height: 82vw;
    }
    .rachel-zoe .rachel-zoe-banner-opt .banner-p {
        width: 88vw;
        top: 44vw;
    }
    .rachel-zoe .banner .intro h1 {
        font-size: 8vw;
        line-height: 9vw;
    }
    .goals-wrapper .site-heading {
        font-size: 8.8vw;
        line-height: 9vw;
        margin-top: 6vw;
    }
   .goals-wrapper.v2 img {
    width: 59vw;
    left: 3vw;
    top: 6vw;
}
    .goals-wrapper > div{
        z-index: 1;
        min-height: 70vw;
    }
    .goals-wrapper.v2 svg {
        width: 115vw;
        height: 100vw;
        left: 0;
        transform: rotate(90deg) translatey(11vw);
    }
    .goals-wrapper.v2 > div {
        padding: 0vw 5vw 0vw 5vw;
    }
    .goals-wrapper .site-heading {
        font-size: 8.8vw;
    }
    .goals-wrapper svg {
        width: 84.8vw;
        height: 70vw;
    }
    .goals-wrapper img {
        width: 65vw;
    }
    .goals-challange .site-para {
        padding-right: 7vw;
        font-size: 4.5vw;
    }
    .case-study-result {
        flex-wrap: wrap;
    }
    .case-study-result .result-item span:first-child {
        font-size: 16vw;
        line-height: 16vw;
    }
    .case-study-result .result-item span:last-child {

        font-size: 3.45vw;
        line-height: 3.5vw;
    }
    .case-study-result .result-item {
        width: 100%;
        margin-bottom: 7vw;
    }
    .result-rachel-zoe {
        margin: 15vw auto;
    }
    .half-div-leaf-shadow {
        width: 100%;
        margin: 0 1vw;
        padding: 5vw 6vw;
        min-height: 8vw;
        margin-bottom: 6vw;
    }
    .half-div-leaf-shadow .taktical-leaf-style {
        min-height: 0;
        font-size: 3.4vw;
        height: 10vw;
        line-height: 10vw;
        margin: 0;
    }
    .case-study-pagination {
        width: 50%;
        padding: 0 0vw 0 3vw;
    }
    .case-study-pagination-hdtxt {
        font-size: 4.4vw;
        line-height: 4.6vw;
        margin: 0 0 1.5vw;
    }
    .case-study-pagination-subtxt {
        font-size: 3vw;
        letter-spacing: -0.05vw;
        margin: 0;
    }
    
}

.service-type-box-1, .service-type-box-2{
    position: relative;
}

.service-type-box-1:after {
    content: '';
    background-color: var(--taktical-orange);
    position: absolute;
    width: 40vw;
    height: 40vw;
    border-radius: 7vw;
    transform: rotate(45deg);
    top: -25vw;
    left: -10vw;
    z-index: 0;
}

.service-type-box-1:before {
    content: '';
    background-color: var(--anim-color-fade);
    position: absolute;
    width: 45vw;
    height: 45vw;
    border-radius: 7vw;
    transform: rotate(45deg);
    bottom: -24vw;
    left: -16vw;
    z-index: 0;
}


.service-type-box-2:after {
    content: '';
    background-color: var(--taktical-orange);
    position: absolute;
    width: 40vw;
    height: 40vw;
    border-radius: 7vw;
    transform: rotate(45deg);
    top: -25vw;
    right: -10vw;
    z-index: 0;
}

.service-type-box-2:before {
    content: '';
    background-color: var(--anim-color-fade);
    position: absolute;
    width: 45vw;
    height: 45vw;
    border-radius: 7vw;
    transform: rotate(45deg);
    bottom: -24vw;
    right: -16vw;
    z-index: 0;
}

@media (max-width:767px){
    .service-type-box-1:after {
        width: 83vw;
        height: 79vw;
        border-radius: 10vw;
        top: -21vw;
        left: -26vw;
    }
    .service-type-box-1:before {
        left: inherit;
        bottom: inherit;
        right: -54vw;
        top: -37vw;
        width: 158vw;
        height: 68vw;
        transform: rotate(45deg);
    }

    .service-type-box-2:after {
        width: 83vw;
        height: 79vw;
        border-radius: 10vw;
        top: -21vw;
        left: -26vw;
    }
    .service-type-box-2:before {
        left: inherit;
        bottom: inherit;
        right: -54vw;
        top: -37vw;
        width: 158vw;
        height: 68vw;
        transform: rotate(45deg);
    }
}


@media (max-width:767px){
    .clutter-box .clutter-btn:after{
        top: -5vw;
        left: -35vw;
        width: 20vw;
        height: 30vw;
        transform: rotate(-159deg);
        border-radius: 0;
    }
    .clutter-box .clutter-btn:hover:after{
        left: 135%;

    }
}

@media (min-width: 1919.99px) {
  /***************** case study *****************/
  .caseStudy .caseStudy-wrapper.boxSub:before,
  .caseStudy .caseStudy-wrapper.boxSub:after {
    background-color: var(--taktical-orange);
  }

  .caseStudy .caseStudy-wrapper.boxSub.boxSub-privacy:after {
    background-color: #5a68ef !important;
  }

  .pp-article {
    width: 100% !important;
    margin: 96px auto 96px !important;
    padding: 38.4px 96px !important;
    box-shadow: 0px 12px 40px 4px rgb(0 0 0 / 12%) !important;
    border-radius: 40px !important;
  }

  .casestudy-header {
    width: 768px;
  }

  .caseStudy-wrapper {
    padding: 76.8px 96px 76.8px 96px;
    min-height: 345.6px;
  }

  .case-study-logo {
    width: 268.8px;
  }

  .clutter-container {
    margin: 96px auto;
    border-radius: 57.6px;
  }

  .clutter-box {
    height: 768px;
    width: 33.33%;
  }

  .clutter-box .clutter-btn {
    font-size: 19.2px;
    padding: 0 42.24px;
    line-height: 61.44px;
    min-height: 61.44px;
    box-shadow: 1.92px 3.84px 11.52px 1.92px rgba(24, 24, 24, 0.14);
    margin-right: 19.2px;
    letter-spacing: -0.384px;
  }

  .clutter-box .clutter-btn:after {
    top: -96px;
    left: -230.4px;
    width: 96px;
    height: 192px;
    border-radius: 883.2px;
  }

  .clutter-box .clutter-btn:hover:after {
    left: 107%;
    transition: all 600ms cubic-bezier(0.3, 1, 0.2, 1);
    -webkit-transition: all 600ms cubic-bezier(0.3, 1, 0.2, 1);
  }

  .clutter-header {
    padding: 57.6px 38.4px;
  }

  .pat1 svg {
    right: -172.8px;
    bottom: -197.76px;
    width: 710.4px;
    height: 710.4px;
  }

  .pat2 svg {
    left: -645.12px;
    width: 1785.6px;
    bottom: -272.64px;
    height: 821.76px;
  }

  .pat3 svg {
    bottom: -201.6px;
    left: -172.8px;
    width: 902.4px;
    height: 748.8px;
  }

  .pat4 svg {
    bottom: -56.64px;
    left: -115.2px;
    width: 806.4px;
    height: 595.2px;
  }

  .pat5 svg {
    bottom: -291.84px;
    left: -456.96px;
    width: 1167.36px;
    height: 864px;
  }

  .pat6 svg {
    bottom: -272.64px;
    left: -604.8px;
    width: 1128.96px;
    height: 825.6px;
  }

  .pat7 svg {
    bottom: -25.92px;
    left: -26.88px;
    width: 622.08px;
    height: 681.6px;
  }

  .pat8 svg {
    bottom: -32.64px;
    left: -5.76px;
    width: 604.8px;
    height: 691.2px;
  }

  .pat9 svg {
    bottom: -268.8px;
    left: -293.76px;
    width: 1161.6px;
    height: 960px;
  }

  .img-circle-svg {
    width: 441.6px;
    top: 115.2px;
    height: 441.6px;
    border-radius: 1920px;
  }

  .svg-rotate-box {
    border-radius: 134.4px;
    width: 614.4px;
    height: 614.4px;
    right: -172.8px;
    bottom: -153.6px;
  }

  .svg-rotate-box img {
    height: 100%;
    width: 100%;
    border-radius: 134.4px;
    left: -134.4px;
    top: -19.2px;
  }

  .img-circle-svg img {
    max-width: 100%;
  }

  .clutter-headline {
    font-size: 34.56px;
    width: 288px;
    line-height: 38.4px;
    letter-spacing: -0.96px;
  }

  .clutter-subheadline {
    font-size: 23.04px;
  }

  /**************** rachel zoe - case study post****************/

  .rachel-zoe .rachel-zoe-banner-opt {
    height: 825.6px;
  }

  .rachel-zoe .rachel-zoe-banner-opt .banner-p {
    width: 844.8px;
    top: 96px;
  }

  .rachel-zoe .rachel-zoe-banner-opt svg {
    width: 49vw;
    height: 43vw;
    right: -7.68px;
  }

  .case-study-post .intro {
    margin: auto96px;
  }

  .rachel-zoe .banner .intro h1 {
    font-size: 76.8px;
    line-height: 86.4px;
    letter-spacing: -0.96px;
    margin-bottom: 38.4px;
  }

  .goals-challange,
  .taktical-approach {
    margin: 96px auto 96px;
  }

  .goals-wrapper {
    box-shadow: 0 0 50px -35px #000;
    overflow: hidden;
    position: relative;
    z-index: 2;
    min-height: 345.6px;
    background-color: var(--taktical-light-blue);
  }

  .goals-wrapper > div {
    padding: 57.6px 0px 57.6px 153.6px;
    min-height: 614.4px;
  }

  .goals-wrapper .taktical-rachel-zoe.taktical-rachel-zoe {
    padding: 0;
  }

  .goals-wrapper svg {
    width: 764.16px;
    height: 652.8px;
  }

  .goals-wrapper.v2 svg {
    width: 769.92px;
    height: 633.6px;
    left: -1.92px;
  }

  .goals-wrapper img {
    width: 672px;
  }

  .goals-wrapper.v2 img {
    width: 480px;
    left: 172.8px;
  }

  .goals-wrapper .site-heading {
    font-size: 72.96px;
  }

  .goals-challange .site-para {
    padding-right: 134.4px;
    font-size: 26.88px;
  }

  .goals-wrapper.v2 > div {
    padding: 57.6px 153.6px 57.6px 0;
  }

  .approach-rachel-zoe.approach-rachel-zoe {
    padding: 0px 0px 0px 0px;
  }

  .result-rachel-zoe {
    margin: 96px auto;
  }

  .rachel-zoe .case-study-result {
    margin-top: 76.8px;
    margin-bottom: 57.6px;
  }

  .case-study-result {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
  }

  .case-study-result .result-item {
    width: 326.4px;
    gap: 19.2px;
  }

  .case-study-result .result-item span:first-child {
    font-size: 57.6px;
    line-height: 57.6px;
    letter-spacing: -1.92px;
  }

  .case-study-result .result-item span:last-child {
    font-size: 27.84px;
    line-height: 28.8px;
    min-height: 76.8px;
    letter-spacing: -0.384px;
  }

  .half-div-leaf-shadow {
    box-shadow: 0 5.76px 28.8px -17.28px #000;
    margin: 0 19.2px;
    padding: 19.2px 38.4px;
    min-height: 172.8px;
  }

  .half-div-leaf-shadow .taktical-leaf-style {
    min-height: 61.44px;
        padding: 0 19.2px;
    letter-spacing: 0.384px;
    font-size: 19.2px;
    line-height: 57.6px;
  }

  .case-study-pagination {
    width: 230.4px;
    padding: 0 0px 0 19.2px;
  }

  .case-study-pagination-hdtxt {
    font-size: 26.88px;
    letter-spacing: -0.384px;
    line-height: 30.72px;
  }

  .case-study-pagination-subtxt {
    font-size: 19.2px;
    letter-spacing: -0.96px;
  }

  .lightmove {
    animation: path 4s linear infinite;
  }

  .lightmove2 {
    animation: path2 4s linear infinite;
  }

  @keyframes path {
    0% {
      transform: translateY(0);
    }

    50% {
      transform: translateY(3%);
    }

    100% {
      transform: translateY(0%);
    }
  }

  @keyframes path2 {
    0% {
      transform: translateY(0);
    }

    50% {
      transform: translateY(-3%);
    }

    100% {
      transform: translateY(0%);
    }
  }

  .service-type-box-1:after {
    content: '';
    background-color: var(--taktical-orange);
    position: absolute;
    width: 768px;
    height: 768px;
    border-radius: 134.4px;
    top: -480px;
    left: -192px;
    transform: rotate(45deg);
    z-index: 0;
  }

  .service-type-box-1:before {
    content: '';
    background-color: var(--anim-color-fade);
    position: absolute;
    width: 864px;
    height: 864px;
    border-radius: 134.4px;
    left: -307.2px;
    bottom: -460.8px;
    transform: rotate(45deg);
    z-index: 0;
  }

  .service-type-box-2:after {
    content: '';
    background-color: var(--taktical-orange);
    position: absolute;
    width: 768px;
    height: 768px;
    border-radius: 134.4px;
    top: -480px;
    right: -192px;
    transform: rotate(45deg);
    z-index: 0;
  }

  .service-type-box-2:before {
    content: '';
    background-color: var(--anim-color-fade);
    position: absolute;
    width: 864px;
    height: 864px;
    border-radius: 134.4px;
    bottom: -460.8px;
    right: -307.2px;
    z-index: 0;
    transform: rotate(45deg);
  }
}