/**
* @license
*
* Font Family: Clash Display
* Designed by: Indian Type Foundry
* URL: https://www.fontshare.com/fonts/clash-display
* © 2024 Indian Type Foundry
*
* Clash Display Extralight 
* Clash Display Light 
* Clash Display Regular 
* Clash Display Medium 
* Clash Display Semibold 
* Clash Display Bold 
* Clash Display Variable (Variable font)

*
*/


/**
  * This is a variable font
  * You can control variable axes as shown below:
  * font-variation-settings: wght 700.0;
  *
  * available axes:
  'wght' (range from 200.0 to 700.0
  */
  @font-face {
    font-family: 'ClashDisplay';
    src: url('../fonts/ClashDisplay-Variable.woff2') format('woff2'),
        url('../fonts/ClashDisplay-Variable.woff') format('woff'),
        url('../fonts/ClashDisplay-Variable.ttf') format('truetype');
    font-weight: 200 700;
    font-display: swap;
    font-style: normal;
}
/* latin-ext */
@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 200 1000;
    font-stretch: 100%;
    font-display: swap;
    src: url(../fonts/NunitoSans-ext.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
 @font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 200 1000;
    font-stretch: 100%;
    font-display: swap;
    src: url(../fonts/NunitoSans.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

body {
    font-family: 'ClashDisplay', sans-serif;
    font-weight: 500;
    margin: 0;
    visibility: hidden;
    opacity: 1 !important;
}
.site-logo{
    width: 98px;
}
body.theme-ready{
    visibility: visible;
}
.elementor-widget-site_logo,header-menu a{
    display: block;
}
    
.elementor-widget-site_logo img{
    vertical-align: middle;
}


a{
    color: inherit;
}
p{
    margin: 0;
}
h1,h2,h3,h4,h5,h6{
    margin: 0;
}
.elementor-menu-widget ul{
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
    align-items: center;
}

.top-block {
    margin: 0 auto;
    text-align: center;
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}
.top-block-wr {
    height: 100%;
}


.top-logos-item {
    padding: 15px;
}

.top-block-logos {
    max-width: 500px;
    margin: 0 auto;
}

.principle {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.principle-image {
    width: 164px;
    flex-shrink: 0;
    height: 164px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.principle-image img,.principle-image svg {
    width: 64px;
    height: 64px;
    object-fit: contain;
    object-position: top;
    position: relative;
    z-index: 2;
    transition: all .5s ease-in-out;
}
@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.15);
    }

    100% {
        transform: scale(1);
    }
}
.principle-wr.active img,
.principle-wr.active svg,
.principle-wr.active .principle-title
{
    animation: pulse 1s;
}
.principle-wr.active svg path{
    fill:#0F53F3;
}
.principle-title, .principle-description {width: calc(100% - 82px);margin-top: 50px;margin-bottom: 0;}

.principle-title {
    text-align: right;
    transform-origin: center right;
}

.marketing-principles:before {
    content: "";
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0) 100%);
    width: 2px;
    height: 100%;
    top: 0;
    left: calc(50% - 1px);
    position: absolute;
}


.directory-accordion .accordion-item {
    display: flex;
    flex-flow: column;
    box-shadow: -2px 2px 0px 0px;
    border-radius: 25px;
    position: relative;
    z-index: 2;
    width: calc(100% - 30px);
}

.directory-accordion .accordion-item .accordion-title {
    width: 50%;
    background: #F4C2FF;
    display: flex;
    padding: 30px;
    border-radius: inherit;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
    border-top: 2px solid #000;
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    position: relative;
    z-index: 3;
    box-shadow: -2px -2px 0px;
    padding: 30px;
    height: 100px;
    cursor: pointer;
    align-items: center;
}

.directory-accordion .accordion-description {
    border: 2px solid #000;
    border-radius: inherit;
    border-top-left-radius: 0;
    margin-top: -2px;
    background: #f4c2ff;
    position: relative;
    padding: 30px;
}

.directory-accordion .d-angle {
    width: 30px;
    height: 30px;
    background: #f4c2ff;
    position: absolute;
    bottom: 0;
    right: -30px;
    overflow: hidden;
}

.directory-accordion .d-angle-in {
    width: 100px;
    height: 100px;
    background: #f4c2ff;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 25px;
    border: 2px solid;
}
.directory-accordion .accordion-item:first-child .d-angle-in {
    background: #fff;
}

.directory-accordion .accordion-description:before {
    content: "";
    width: calc(50% - 16px);
    height: 60px;
    background: #000;
    position: absolute;
    border-radius: 25px;
    right: 0px;
    z-index: -1;
    top: -4px;
}

.directory-accordion .tab-number {
    font-size: 45px;
    line-height: .9;
    width: 75px;
    flex-shrink: 0;
}

.directory-accordion .tab-title {
    font-size: 20px;
    line-height: 0.9;
}

.accordion-description {
    font-family: 'Nunito Sans';
    font-size: 16px;
    font-weight: 600;
}
.d-desc-in {
    padding: 0 75px 0px;
    max-height: 0;
    overflow: hidden;
    height: 10000px;
}
.directory-accordion .accordion-item.active {
    margin-left: 30px;
}

.directory-accordion .accordion-item.active .tab-number {
    font-size: 50px;
    width: 85px;
}

.directory-accordion .accordion-item.active .tab-title {
    font-size: 28px;
}
.directory-accordion .accordion-item.active .accordion-title,
.directory-accordion .accordion-item.active .d-angle,
.directory-accordion .accordion-item.active .accordion-description,
.directory-accordion .accordion-item.active + .accordion-item .accordion-title .d-angle-in {
    background-color: #C3F87A;
}
.directory-accordion .accordion-item, .d-desc-in, 
    .directory-accordion .accordion-item .tab-number,
    .directory-accordion .tab-title {
    transition: all 0.5s;
}
.directory-accordion .d-desc-in {
    padding-left: 85px;
}
.accordion-item.last.active .accordion-description {
    padding-bottom:0px !Important;
}

.before-after-widget {
    border: 2px solid;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
}

.after-media-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0;
    pointer-events: none;
    transition: all 0.5s;
}
.after-media-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0;
    pointer-events: none;
}
.after-media-container.show{
    opacity: 1;
    pointer-events: all;
}

.before-after-buttons {
    position: absolute;
    top: 15px;
    left: 10px;
    z-index: 3;
}
.btn{
    background-color: #C3F87A;
    cursor: pointer;
    transition: all 0.5s;
    font-family: inherit;
    font-weight: inherit;
}
.before-after-buttons{
    display: flex;
    align-self: start;
}
body .before-after-buttons button.ba-btn {
    display: flex;
    width: 150px;
    height: 40px;
    color: #000;
    text-align: center;
    border-radius: 12px;
    margin: 0 10px;
    font-size: 18px;
    padding-top: 15px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid;
    box-shadow: -2px 4px 0px #000;
}


.before-after-buttons .ba-btn.active{
    color: #fff;
    background-color: #0F53F3;
    border-color: #000;
    pointer-events: none;
}

.testimonial-block {
    padding: 30px;
    border-radius: 20px;
    margin-bottom: 15px;
}

.testimonial-block {
    background: #FFFAEF;
    border: 1px solid #000;
    box-shadow: 3px 3px 0px #000;
}

.testimonial-slide:nth-child(odd) .testimonial-block:first-child,
.testimonial-slide:nth-child(even) .testimonial-block:last-child {
    background: #FFFAEF;
}

.testimonial-slider.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide {
    overflow: visible;
}

.theme-faq .e-n-accordion .e-n-accordion-item {
    width: calc(100% - 60px);
    margin-left: 30px;
    border-top: 2px solid;
    border-bottom: 2px solid;
    margin-top: -2px;
    transition: all 0.3s;
}

.theme-faq .e-n-accordion .e-n-accordion-item[open] {
    width: 100%;
    margin-left: 0;
    border-radius: 20px;
    border:  2px solid #000;
    padding: 0px 30px;
}

.theme-faq .e-n-accordion .e-n-accordion-item>summary {
    height: 90px;
    border: none;
    padding-bottom:0;
}

.theme-faq .e-n-accordion-item-title-icon .e-opened {
    transform: rotate(45deg);
}

.theme-faq .e-n-accordion .e-n-accordion-item .e-con {
    border: none;
    padding: 0px 0px 20px 5px;
    padding-left: 5px;
}

.theme-faq .e-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-text {
    font-size: 22px;
    font-weight: 700;
}
.forminator-module-edit-link{
    display: none !important;
}
.forminator-label {
    display: block;
    color: #000;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
}

.forminator-input,.forminator-textarea {
    background: transparent;
    border: none;
    border-bottom: 2px solid;
    width: 100%;
    font-size: 20px;
    padding: 5px 15px;
    resize: none;
    margin-top: 15px;
}

.forminator-error-message {
    margin-top: 5px;
    display: block;
    font-size: 13px;
    font-weight: 700;
    text-align: right;
    color: #ff2222;
}

.forminator-ui {
    font-family: "Nunito Sans";
}
ul.top-block-features {
    list-style: none;
    padding: 0;
    margin: 0;
}
.elementor .btn {
    background: #C3F87A;
    color: #000;
    font-size: 20px;
    font-weight: 500;
    padding: 15px 55px;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.5s;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    border: 2px solid #000;
    box-shadow: -2px 4px 0px #000;
}
.btn:hover {
    background-color: #F4C2FF;
}

.elementor .top-block-logos img {
    height: 45px;
    width: 100%;
    padding: 0px 10px;
    object-fit: contain;
    object-position: center;
}

.top-block-logos:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 33%, rgba(255, 255, 255, 0.00) 66%,  #FFF 100%);
    pointer-events: none;
	z-index: 10;
}

.top-block-media-entries-left {
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(50% - 250px);
    height: 100%;
    display: flex;
    align-items: flex-end;
}

.elementor-widget-top_block {
    width: 100%;
}

.tbmelin {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    position: relative;
}

.media-entry {
    border: 2px solid;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: -2px 4px 0px #000;
    position: relative;
}

.media-entry img {
    vertical-align: middle;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100% !important;
}


.media-entry-pink_text, .media-entry-green_text {
    padding: 20px 10px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.media-entry .me-text-title {
    font-size: 40px;
    font-weight: 500;
    line-height: 1;
}

.media-entry .me-text-desc {
    font-size: 20px;
}


.media-entry-pink_text {
    background: #F4C2FF;
}


.media-entry-green_text {
    background: #c3f87a;
}

.top-block-media-entries-left .media-entry1 {
    width: 160px;
    height: 100px;
    margin-left: 0px;
}
.top-block-media-entries-left .media-entry2 {
    height: 132px;
    margin-top: -20px;
    margin-left: 63px;
    z-index: 2;
    justify-content: space-around;
}
.top-block-media-entries-left .media-entry3 {
    width: 200px;
    height: 225px;
    margin-left: 110px;
    margin-top: -45px;
}
.top-block-media-entries-left .media-entry4 {
    width: 140px;
    height: 100px;
    z-index: -1;
    margin-top: -10px;
    margin-left: 40px;
}
.top-block-media-entries-left .media-entry5 {

    width: 140px;
    height: 128px;
    margin-left: 330px;
    margin-top: -128px;
}

.top-block-media-entries-left .media-entry6 {
    margin-left: 255px;
    margin-top: -50px;
    z-index: 2;
}

.top-block-media-entries-left .tbmelin {
    margin-left: -30px;
    padding-bottom: 20px;
}

.top-block-media-entries-right {
    position: absolute;
    bottom: 0;
    right: 0;
    width: calc(50% - 250px);
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.top-block-media-entries-right .tbmelin {
    align-items: flex-end;
    margin-right: -23px;
    padding-bottom: 20px;
}

.top-block-media-entries-right .media-entry1 {
    width: 152px;
    height: 138px;
    margin-right: 0px;
}

.top-block-media-entries-right .media-entry2 {
    width: 135px;
    height: 96px;
    margin-right: 138px;
    margin-top: 10px;
}

.top-block-media-entries-right .media-entry3 {
    width: 175px;
    height: 200px;
    margin-right: 28px;
    margin-top: -20px;
}

.top-block-media-entries-right .media-entry4 {
    height: 112px;
    margin-top: -90px;
    margin-right: 168px;
}

.top-block-media-entries-right .media-entry5 {
    height: 84px;
    margin-top: -105px;
    margin-right: 43px;
    margin-top: -5px;
}

.top-block-media-entries-right .media-entry6 {
    margin-top: -80px;
    width: 157px;
    height: 102px;
    margin-right: 243px;
    z-index: -1;
}
.marketing-principles {
    padding: 60px 0px;
}

/* .principle-wr:hover .principle-image {
    transform-origin: center;
    transform: rotate(50deg);
} */

.principle-image {
    transition: transform .2s;
}

.testimonial-block .tes-logo-wr img{
/*     filter: brightness(0) saturate(100%) invert(55%) sepia(5%) saturate(321%) hue-rotate(244deg) brightness(86%) contrast(90%); */

    object-fit: contain;
    object-position: center;
}
.tes-logo-wr {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.tes-icon {
    color: #8A8080;
    font-size: 33px;
    line-height: 0;
    position: relative;
    top: 7px;
}

textarea ~ .forminator-description {
    margin-top: -35px;
    display: block;
    color: #BEBCBC;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-style: italic;
    font-weight: 300;
    position: relative;
    top: -10px;
    pointer-events: none;
}

.footer-menu ul{
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
}
/* .home .main-footer {
    border-top: none !important;
}

.home .main-footer>.e-con-inner {
    border-top: 2px solid #000;
} */
.logo-slider {
    text-align: center;
}

.logo-slider img {
    object-fit: contain;
    object-position: center;
    filter: grayscale(1);
}

.logo-slider:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 20%, rgba(255, 255, 255, 0.00) 80%,  #FFF 100%);
    pointer-events: none;
}


.logo-slider a{
    display: block;
    padding: 5px 20px;
}

.testimonial-slide{
    padding: 0 7.5px;
}
.header-menu li.active {
    border-radius: 12px;
    background: #fcf1da;
    height: 50px;
    display: flex;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #000;
    box-shadow: -1px 2px 0px #000;
}

.testimonial-block .author-row {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.testimonial-block .author-photo img {
    object-fit: cover;
    border-radius: 100%;
    margin-left: 18px;
    border: 1px solid #000;
    flex-shrink: 0;
}

.forminator-row.forminator-row-last {
    padding-top: 15px;
}

.forminator-button-submit.btn {
    margin-left: auto;
    display: block;
}
.author-photo {
    flex-shrink: 0;
}
.c-block-hover-anim .elementor-widget-image{
    display: none;
}
@media(min-width:768px){
    .c-block-hover-anim .elementor-widget-image {
            display: block;
        }
    .c-block-hover-anim:hover {
            box-shadow: -4px 8px 0px 0px #000000 !important;
            transform: translate(2px, -6px);
        }

.c-block-hover-anim {
    transition: all .3s ease-in-out;
    overflow: hidden !important;
}

.c-block-hover-anim>* {
    transition: all .3s ease-in-out;
}

.c-block-hover-anim.w-img .elementor-widget-heading_block {
    transform: translateY(calc(-100% - 15px));
    top:100% !important;
}

.c-block-hover-anim .elementor-widget-text-editor {
    opacity: 0;
}

.c-block-hover-anim:hover {
    background: #fff !important;
}
.c-block-hover-anim .elementor-widget-heading_block {
    transform: translateY(50px);
}
.c-block-hover-anim:hover .elementor-widget-heading_block {
    transform: translateY(0px);
    top: 0% !important;
}

.c-block-hover-anim:hover .elementor-widget-image{
    transform: translateY(-120%);
    top:0 !Important;
}

.c-block-hover-anim .elementor-widget-heading_block .heading-block-title,
.c-block-hover-anim .elementor-widget-image {
    transition: all .3s ease-in-out;
}

.c-block-hover-anim:hover .elementor-widget-heading_block .heading-block-title {
    font-size: 26px !important;
}

.c-block-hover-anim:hover .elementor-widget-text-editor {
    opacity: 1;
}
}
.w-100 .btn {
    display: block;
}


.elementor .btn:hover {
    box-shadow: -5px 6px 0px #000;
    transform: translate(3px, -2px);
}
.team-member-photo img {
    vertical-align: middle;
}
.team-member-row {
    display: flex;
    justify-content: space-between;
    padding: 0px 22px;
}
.team-member-social-links {
    flex-shrink: 0;
}

.team-member-social-links img {
    width: 32px;
    height: 32px;
}

.team-member-block {
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    overflow: hidden;
}

ul.service-list {
    list-style: none;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
}

ul.service-list li {
    position: relative;
}

li.service-item.checked img {
    position: absolute;
    left: -40px;
}

li.service-item.striked:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: #0f53f3;
    left: -15px;
    top: calc(50% - 1px);
}
.f-video {
    height: 600px;
}

.elementor-widget-video.f-video .elementor-wrapper {
    aspect-ratio: initial;
    height: 100%;
}

.top-block-media-entries-mobile,.marketing-principles-mobile,
.before-after-media-mobile {
    display: none;
}
.directory-accordion:before {
    content: "";
    background: #f4c2ff;
    position: absolute;
    width: 100px;
    box-shadow: 0px 0px 0px 4px #000;
    left: 2px;
    border-radius: 25px;
    top: 2px;
    height: calc(100% - 4px);
}
.accordion-item:not(.last) .accordion-description:after {
    content: "";
    width: 50px;
    height: 50px;
    background: #f4c2ff;
    left: 0px;
    position: absolute;
    bottom: -4px;
}
.offcanvas-toggle, .offcanvas-menu{
    display:none;
}
.media-entry-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.elementor-widget-post_content {
    width: 100%;
}

.categories-menu {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.elementor-widget-categories_menu {
    width: 100%;
}



ul.categories-menu-list {
    list-style: none;
    display: flex;
    padding: 0;
}

ul.categories-menu-list a,
.categories-menu-search-button {
    display: block;
    background: #C3F87A;
}
ul.categories-menu-list li{
    display: flex;
    align-items: center;
}

.post-grid-item-excerpt{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    /* number of lines to show */
    line-clamp: 5;
    -webkit-box-orient: vertical;
}
.post-grid-grid{
    display: grid;
}
.post-grid-item {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}
.post-grid-item-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.post-grid-item-thumbnail img {
    object-fit: cover;
    object-position: center;
}
li.categories-menu-item a {
    white-space: nowrap;
}

li.categories-menu-item.search img {
        width: 20px;
            height: 20px;
            position: absolute;
            top: calc(50% - 10px);
            left: calc(50% - 10px);
}

li.categories-menu-item.search {
    flex-shrink: 0;
}
.post-grid-item-title a{
    display: block;
}

li.categories-menu-item.search a {
    height: 100%;
    position: relative;
    padding: 7px 20px !important;
}
.cm-search-box {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-end;
    opacity: 0;
    transition: opacity .2s ease-in-out;
        margin-top: -2px;
}
.cm-search-box.active{
    opacity: 1;
}
.cm-search-box-in {
    padding: 10px 10px;
    border: solid 2px;
    border-radius: 10px;
    margin-right: 5px;
    position: absolute;
    top: 100%;
}

.cm-search-box-in input {
    padding: 5px;
    margin-right: 10px;
    border: none;
    outline: none;
    border-bottom: 2px solid;
    font-size: 15px;
}

.cm-search-box-in a {
    font-size: 14px;
    border: 2px solid;
    padding: 5px 15px;
    border-radius: 10px;
    background: #fcf1da;
}

span.search-title-pre {
    font-size: 36px;
}
.post-grid-empty {
    display: flex;
    justify-content: center;
}

.elementor-widget-post_grid {
    width: 100%;
}
.post-grid-empty-in {
    padding: 30px 80px;
    font-size: 25px;
    border-radius: 10px;
    background: #fcf1da;
    border: 2px solid;
    margin-bottom: 100px;
    font-weight: 400;
    animation: pulse 1s;
    animation-delay: 1s;
}
ul.categories-menu-list a{
    display: block;
    transition: all .2s ease-in-out;
}

ul.categories-menu-list a:hover{
    background-color: #fcf1da;
    box-shadow: -1px 2px 0px #000;
    transform: translate(1px, -2px);
}
ul.categories-menu-list li.active a {
    background-color: #0f53f3;
    box-shadow: -1px 2px 0px #000;
        transform: translate(1px, -2px);
    color: #fff;
}
ul.categories-menu-list li.active a img{
    filter: invert();
}




/* Work process */

.work-process-line svg {
    width: 100%;
    height: auto;
}

.work-process-container {
    position: relative;
}

.all-p-steps {
    display: flex;
    width: 100%;
    align-items: flex-end;
}

.process-step {
    display: flex;
    flex-flow: column;
    align-items: center;
    padding: 0px 10px;
    min-width:120px;
}

.work-process-line {
    position: absolute;
    z-index: -1;
    bottom: 0px;
}

.process-step-number {
    font-size: 45px;
    font-weight: 500;
}

.work-process-line-wr {
    position: relative;
    z-index: 2;
}

.work-process-line-wr {
    width: 100%;
}

.all-p-steps {
    height: 150px;
}

.work-process-container {
    display: flex;
    flex-flow: column;
    align-items: center;
}

.work-process-desc-wr {
    margin-top: 100px;
    width: 80%;
    padding: 110px 90px 45px;
    background: #c3f87a;
    border-radius: 20px;
    border: 3px solid;
    box-shadow: -6px 6px 0px #000;
    position: relative;
    opacity: 0;
}

.work-process-desc-wr.active{
    opacity: 1;
}

.process-step-description {
    position: absolute;
    width: calc(100% - 180px);
    opacity: 0;
}

.process-step-description.active{
    opacity: 1;
}

.process-step.hover .process-step-figure svg path {
    fill: #f4c2ff;
}
.process-step.hover .process-step-figure svg {
    width: 70px;
    height: 70px;
    transform: translateY(7px) rotate(30deg);
    margin-top:-7px;
}
.process-step .process-step-figure svg path,
.process-step .process-step-figure svg,
.process-step .process-step-figure,
.process-step-description,
.work-process-desc-wr {
    transition: all .3s ease-in-out;
}
.process-step .process-step-title{
    transition: transform .3s ease-in-out;
}
.process-step .process-step-figure{
    transform: none;
}

.process-step.active .process-step-figure svg path {
    fill: #0f53f3;
}
.process-step.active .process-step-figure svg {
    width: 70px !important;
    height: 70px !important;
    transform: translateY(-7px) rotate(-60deg);
    margin-top:-30px;
}
.process-step .process-step-title {
    font-weight: 500;
    font-size: 20px;
    height: 25px;
    text-align: center;
}

.process-step.active .process-step-title {
    font-size: 25px !important;
    white-space: nowrap;
    text-align: left;
}
.process-step{
    cursor: pointer;
}

.header-menu a {
    height: 60px;
    display: flex;
    align-items: center;
}
.work-process-line-mob{
    display: none;
}
.work-process-container {
    max-width: initial;
}
.process-step-title-in-mobile{
    display: none;
}

.process-step-description p {
    margin-bottom: 7px;
}

/* MP animation */
svg#mp-anim-svg {
    width: 66px;
    height: 40px;
    position: absolute;
    left: calc(50% - 33px);
    object-fit: cover;
    vertical-align: middle;
    transition: all .5s ease-in-out;
    z-index: 5;
}
.marketing-principles-wr {
    position: relative;
}
svg#mp-anim-svg.active {
    height: 70px;
	width: 66px;
    margin-top: -2px;
}
svg#mp-anim-svg[data-shape="hexagon"] {
    margin-left: 2px;
}
.marketing-principles.marketing-principles-mobile {
    padding-top: 125px;
}

.media-entry .me-text-desc {
    text-align: center;
}

.elementor-icon-list-icon, .elementor-icon-list-icon svg {
    flex-shrink: 0;
}
.elementor-icon-list-icon svg g{
    clip-path:none !important;
}
/* Header menu dropdowns (desktop) */
@media (min-width: 768px) {
  .header-menu ul { list-style: none; margin: 0; padding: 0; }
  .header-menu li { position: relative; }
  .header-menu .sub-menu {
    position: absolute;
    left: 0;
    top: calc(100% - 2px);
    display: block; /* keep in flow for animation */
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
    min-width: 200px;
    background: #fcf1da;
    border: 1px solid #000;
    box-shadow: -1px 2px 0px #000;
    padding: 10px 0;
    z-index: 9999;
    pointer-events: none;
    border-radius: 12px;
    align-items: center;
  }
  .header-menu li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
  }
  .header-menu .sub-menu li { margin: 0; padding: 0; text-align: left; }
  .header-menu .sub-menu a { height: auto; padding: 10px 16px; display: block; }
  /* .header-menu .menu-item-has-children > a::after { content: "▾"; margin-left: 6px; font-size: 12px; } */
  .header-menu .sub-menu li.active {
    border: none;
    box-shadow: none;
    background: #c0f478;
    border-radius: 0px;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

}
.opened-title{display: none;}
@media(max-width: 767px) {
    .colored-block-type-with_purpose .colored-block-purpose {
    height: 80px;
    flex-shrink: 0;
}

.colored-block-type-with_purpose .colored-block-title {
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.colored-block-type-with_purpose {
    padding: 0px 5px 0px 5px !important;
    
}
 .w-purposes-wr:not(.show) .colored-block-type-with_purpose{
    gap: 0px !important;
 }
 .w-purposes-wr:not(.show) .colored-block-type-with_purpose .colored-block-content{
      max-height: 0px !important;
    
}
.colored-block-content {
  transition: all .4s ease-in-out;
    overflow: hidden;
    max-height: 200px;
}

.colored-block-examples {
    padding-bottom: 10px;
}
.opened-title{
    display: inline-block;
}
}
/* LinkedIn Diagram Widget */
.linkedin-diagram-widget {
    width: 100%;
    max-width: 100%;
}

.linkedin-diagram-desktop {
    display: block;
}

.linkedin-diagram-mobile {
    display: none;
}

.linkedin-diagram-desktop svg,
.linkedin-diagram-mobile svg {
    width: 100%;
    height: auto;
}
.services-marketing-principles-wr .marketing-principles.marketing-principles-mobile {
    padding-top: 70px;
}
.colored-block-shadow-small {
    box-shadow: -2px 0px 0px #000 !important;
}
.colored-block-shadow-medium {
    box-shadow: -2px 2px 0px #000 !important;
}
.colored-block-shadow-large {
    box-shadow: -3px 3px 0px #000 !important;
}
.open-purposes-wr{
    display: none;
}
.checkered-bg-1 {
    box-shadow: none;
}

.top-btn-wr a {
        display: block;
        width: 100%;
    }
@media (max-width: 1024px) {
    .checkered-bg-1 {
        box-shadow: inset 0px 0px 50px 40px #fff;
    }
}
@media (max-width: 768px) {
    
    .linkedin-diagram-desktop {
        display: none;
    }
    .open-purposes-wr{
        display: block;
    }

    .linkedin-diagram-mobile {
        display: block;
    }
    .work-proccess-wr-2 .process-step-figure {
        order: -1;
    }

    .work-proccess-wr-2 .work-process-line-mob {
        left: -45px;
    }
    .top-btn-wr a {
        width: 250px !important;
    }
}