/*TypoGraphy*/
@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap');
html {
    /* You don't need any library to achieve smooth scroll */
    scroll-behavior: smooth;
}

* {
    box-sizing: border-box;
}

:focus {
    outline: none;
    box-shadow: none;
    border-color: inherit;
}

/* Standard ::selection */
img::selection,
video::selection,
.cndkbeforeafter::selection {
    background: transparent;
}

/* Vendor-prefixed ::selection for Firefox */
img::-moz-selection,
video::-moz-selection,
.cndkbeforeafter::-moz-selection {
    background: transparent;
}

textarea.form-control {
    resize: none;
    overflow: hidden;
}

figure {
    margin: 0;
}

html,
body {
    width: 100%;
}

body {
    padding: 0;
    margin: 0;
    background: #fff;
    overflow-x: hidden;
    font-family: 'PP Neue Montreal Book';
    font-weight: normal;
    height: 100%;
}

body::-webkit-scrollbar {
    width: 0.3vw;
}

body::-webkit-scrollbar-track {
    background: none;
}

body::-webkit-scrollbar-thumb {
    background: #000;
}

img {
    max-width: 100%;
    image-rendering: -webkit-optimize-contrast;
}

a,
a:hover {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    font-family: 'Urbanist Regular';
    font-weight: normal;
    margin-bottom: 0.3vw;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #000;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    color: #f00;
}

h1 {
    font-size: 2.35vw;
    line-height: 2.35vw;
}

h2 {
    font-size: 2.35vw;
    line-height: 2.35vw;
}

h3 {
    font-size: 2.35vw;
    line-height: 2.35vw;
}

h4 {
    font-size: 2.25vw;
    line-height: 2.25vw;
}

h5 {
    font-size: 2.15vw;
    line-height: 2.15vw;
}

h6 {
    font-size: 2vw;
    line-height: 2vw;
}

p {
    color: #000;
    font-size: 0.95vw;
    line-height: 1.38vw;
    font-family: 'PP Neue Montreal Book';
    font-weight: normal;
    font-style: normal;
    margin-bottom: 0.8vw;
}

p:last-child {
    margin-bottom: 0;
}

a {
    /* transition: 0.7s;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s; */
    color: #000;
}

a:hover {
    /* transition: 0.7s;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s; */
    color: #000;
}

ul {
    padding: 0 0 0 1.03vw;
    margin: 0;
}

ol {
    padding-left: 0;
    padding-bottom: 0;
    counter-reset: listitem;
}

ol li {
    position: relative;
    list-style: none;
}

ol li::before {
    counter-increment: listitem;
    content: counters(listitem, '.')')';
    color: #272b38;
    display: inline-block;
    font-weight: bold;
    padding-right: 0.365vw;
}

li {
    color: #000;
    font-family: 'PP Neue Montreal Book';
    font-weight: normal;
    margin-bottom: 0.8vw;
    font-size: 0.95vw;
    line-height: 1.38vw;
}

li a {
    color: #977760;
}

li a:hover {
    color: #000;
}

button {
    padding: 0;
    background-color: transparent;
    border: none;
}

.button {
    margin: 0;
    padding: 1vw 2.27vw;
    display: inline-flex;
    font-size: 1.04vw;
    color: #000;
    background: #E7FA48;
    letter-spacing: 0.08vw;
    text-transform: uppercase;
    font-family: 'Urbanist', sans-serif;
    font-weight: 500;
}

.button:hover {
    background: #000;
    color: #fff;
}

.full-atf-screen-section {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #010101;
    height: 105vh;
    width: 100%;
    overflow: hidden;
}

.mobile-index-video-show {
    display: none;
}

.full-atf-screen-section img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.two-point-new-section.home-index-page {
    background: none;
    height: calc(100vh - -1vw);
}

.home-index-page .two-point-logo a {
    color: #fff;
}
.two-point-logo img {
    width: 34.85vw;
}

.home-index-page .two-point-new-bdr-top {
    border-top: 0.1vw #fff solid;
}

.home-index-page .two-point-new-d-left-middle {
    border-right: 0.1vw #fff solid;
}

.home-index-page .two-point-new-left-info h1, .home-index-page .two-point-new-left-info h2 {
    color: #fff;
    margin: 0;
}

.home-index-page .nav-manu-new ul li a {
    color: #fff;
    transition: .35s;
}

.home-index-page .nav-manu-new ul li a:hover {
    /* opacity: 0.45; */
}

.home-index-page .btn-href-link {
    color: #fff;
}

.home-index-page .progress__circle,
.home-index-page .progress__path {
    stroke: #fff;
}

.home-index-page .progress__path {
    stroke: #fff;
}

.review-atf-2point {
    margin: 0 0 2vw;
    padding: 0;
    text-align: center;
}

.review-atf-2point span {
    color: #fff;
    font-size: 1.02vw;
    margin: 0 0 1vw;
    display: block;
}

.review-atf-2point p {
    color: #fff;
    font-size: 1.1vw;
    letter-spacing: 0.104vw;
    line-height: 1.58vw;
    margin: 0;
    padding: 0;
}

.home-index-page .video-iframe {
    margin: 0;
    position: relative;
    padding: 0;
}

.home-index-page .video-iframe img {
    position: relative;
    opacity: 0.40;
    width: 61vw;
}

.video-iframe p {
    position: absolute;
    color: #fff;
    font-family: 'Urbanist', sans-serif;
    font-weight: 500;
    text-align: right;
    font-size: 1.45vw;
    line-height: 1.98vw;
    bottom: 3.2vw;
    right: 5.5vw;
    max-width: 27vw;
    letter-spacing: 0.103vw;
}

/* HOME PAHE CSS END */
.container {
    max-width: 100%;
    padding: 0;
}

.two-point-new-section {
    margin: 0;
    padding: 2.65vw 0 0;
    width: 100%;
    position: relative;
    /* background: #E7FA48; */
    height: 100vh;
    overflow: hidden;
}

.pmm-pageheader::after,
.ads-2point-section::after,
.emailpge-hdr-2point-section::after,
.seo-2point-section::after,
.socialpage-hdr-2point-section::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0%;
    height: 100%;
    z-index: -1;
    transition: 0.7s;
    opacity: 0;
    visibility: hidden;
}

.pmm-pageheader::after {
    background: #E7FA48;
}

.two-point-new-section.ads-2point-section::after {
    background: #FF594B;
}

.emailpge-hdr-2point-section::after {
    background: #2768F5;
}

.seo-2point-section::after {
    background: #48E5A4;
}

.socialpage-hdr-2point-section::after {
    background: #FAB4BF;
}

.aninated-page-load .pmm-pageheader::after,
.aninated-page-load .ads-2point-section::after,
.aninated-page-load .emailpge-hdr-2point-section::after,
.aninated-page-load .seo-2point-section::after,
.aninated-page-load .socialpage-hdr-2point-section::after {
    width: 100%;
    opacity: 1;
    visibility: visible;
}

.two-point-new-bdr-top {
    margin: 0;
    padding: 0;
    border-top: 0.052vw #000 solid;
    width: 100%;
    height: 100%;
    position: relative;
}

.two-point-new-bdr-top .container {
    max-width: 100%;
    padding: 0;
    width: 100%;
    height: 100%;
}

.two-point-new-d-flex {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    justify-content: space-between;
}

.two-point-new-d-left-col {
    width: 41.6vw;
    position: relative;
    z-index: 1;
}

.two-point-new-d-left-middle {
    height: 100%;
    width: 100%;
    border-right: 0.052vw #000 solid;
    display: flex;
    flex-wrap: wrap;
}

.two-point-logo {
    margin: 0;
    font-size: 7.25vw;
    /* padding: 0.8vw 0 1.2vw; */
    padding: 1.5vw 0 1.2vw;
    line-height: 7.5vw;
    letter-spacing: 1.5vw;
    color: #000;
    text-transform: uppercase;
    font-family: 'Open Sans Bold';
    font-weight: bold;
    text-align: center;
    width: 100%;

}

.two-point-logo a {
    color: #000;
    display: block;
}

.two-point-new-left-info {
    margin: 0;
    padding: 1vw 6vw;
    width: 100%;
    text-align: center;
}

.two-point-new-left-info h1, .two-point-new-left-info h2 {
    font-size: 6vw;
    line-height: 6.3vw;
    color: #000;
    margin: 0 0 2.1vw;
}

.two-point-new-left-info p {
    color: #000;
    font-size: 1.45vw;
    line-height: 2vw;
    margin: 0 0 2vw;
    padding: 0 4vw;
    letter-spacing: 0.045vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
}

.two-point-new-left-info p:last-child {
    margin-bottom: 0;
}

.two-point-new-left-info .linked-all-white {
    justify-content: center;
}

.two-point-new-d-right-col {
    width: 57.4vw;
    margin-left: auto;
}

.two-point-content-rlt-info {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}


/** ================== // HEADER CSS START // ================== **/
.header-new {
    width: 100vw;
    padding: 3vw 4.6vw 2vw;
    position: relative;
}

.header-top-wrap-new {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

/** ================== // HEADER CSS END // ================== **/

/** ================== // HEADER MENU CSS START // ================== **/
.mobile-logo {
    display: none;
}

.main-nav-new .menu-bar-new {
    display: none;
}

.main-nav-new {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
}

.navigation-new {
    padding-bottom: 0;
    width: 27vw;
}

.nav-manu-new {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nav-manu-new ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    list-style-type: none;
    flex-wrap: wrap;
}

.nav-manu-new ul li {
    margin: 0 0 0.5vw;
    padding: 0;
    color: #000;
    text-transform: uppercase;
    width: 13.5vw;
    letter-spacing: 0.11vw;
    font-family: 'Neue Montreal Medium';
    font-weight: 500;
    position: relative;
}

.nav-manu-new ul li.menu-item-has-children.open {
    position: static;
}

.nav-manu-new ul li:nth-child(7)~li {
    /* display: none; */
}

.nav-manu-new ul li.series-menu-mobile {
    display: none;
}

/* .nav-manu-new ul li:nth-child(2n-2) {
    padding-left: 0.6vw;
} */

.nav-manu-new ul li a {
    color: #000;
    position: relative;
    transition: .35s;
}

.nav-manu-new ul li a:hover {
    /* opacity: 0.45; */
}

/** SUB MENU **/

.navigation-new ul li ul.sub-menu {
    text-align: left;
    position: absolute;
    visibility: hidden;
    display: flex;
    opacity: 0;
    width: 100%;
    left: 0;
    top: 0;
    padding: 3.33vw 3.4vw;
    background-color: #000101;
    z-index: 9;
    transition: .5s;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-bottom: 0.052vw #000 solid;
    overflow: hidden;
    display: none;
}

.menu-arrow-click {
    cursor: pointer;
}

.menu-body-open {
    opacity: 0;
}

.navigation-new ul li.open>ul.sub-menu {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.navigation-new ul li ul.sub-menu li {
    width: auto;
    margin: 0 4vw 0 0;
    padding: 0;
    transform: translateY(-92px);
}

.navigation-new ul li.open ul.sub-menu li {
    transform: translateY(0px);
}

.navigation-new ul li ul.sub-menu li:last-child {
    margin-right: 0;
}

.navigation-new ul li ul.sub-menu li img {
    vertical-align: unset;
    width: 1.6vw;
}

.menu-item-has-children::after {
    content: "";
    /* position: absolute;
    top: 0;
    left: 0;
    display: block;
    right: 0;
    bottom: 0; */
}

.nav-manu-new ul li.current-menu-item a {
    font-weight: bold;
    font-family: 'PP Neue Montreal Bold';
}

.navigation-new ul li.open>ul.sub-menu li a {
    color: #fff;
}

.lefs-button {
    width: auto;
    transition: 0.7s;
}

.lefs-button.opacity-0 {
    opacity: 0;
    visibility: hidden;
}

.btn-href-link {
    color: #000;
    font-size: 1.7vw;
    line-height: 2vw;
    position: relative;
    font-family: 'Neue Montreal Light';
    font-weight: 300;
    display: inline-flex;
}

.progress-cricle-svg {
    position: absolute;
    width: 5vw;
    height: 5vw;
    top: calc(50% - 2.4vw);
    left: calc(50% - -1.44vw);
    transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);
    border-radius: 5vw;
    background: none;
    box-shadow: none;
    opacity: 1;
}

.btn-href-link:hover .progress-cricle-svg {
    transform: scale3d(1.2, 1.2, 1);
}

.progress__circle,
.progress__path {
    fill: none;
    stroke: #000;
    stroke-width: 2px;
}

.progress__path {
    stroke: #000;
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
    transition: stroke-dashoffset 0.7s cubic-bezier(0.7, 0, 0.3, 1);
}

.btn-href-link:hover .progress__path {
    stroke-dashoffset: 0;
}

/** ================== // HEADER MENU DESKTOP CSS START // ================== **/

.header-side-nav {
    width: auto;
    text-align: right;
    margin-left: auto;
}

.hamburger-toggle {
    width: 2vw;
}

.hamburger-toggle img {
    width: 100vw;
    transition: .35s;
}

.hamburger-toggle:hover img {
    opacity: 0.45;
}

.side-nav {
    width: 100vw;
    min-height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1000;
    overflow: hidden;
    display: none;
}

/* .side-nav::before {
    content: "";
    position: absolute;
    top: 0;
    right: -100%;
    width: 28%;
    height: 100%;
    background: #000;
    visibility: hidden;
    transition: 1.5s;
    border-left: 0.1vw #fff solid;
} */

.side-nav-wrap {
    width: 0;
    height: 100%;
    padding: 0;
    background: #000;
    position: absolute;
    right: 0;
    overflow-y: auto;
}

.side-nav-back {
    text-align: right;
    cursor: pointer;
    display: inline-block;
    margin-left: auto;
    width: 1.2vw;
    position: absolute;
    top: 2vw;
    right: 1vw;
    z-index: 1;
    display: none;
}

.side-nav-back svg {
    width: 1.1vw;
    height: auto;
}

.side-nav-wrap nav ul {
    padding: 0;
    width: 100%;
}

.side-nav-wrap nav ul li {
    display: block;
    font-weight: normal;
    letter-spacing: 0.11vw;
    line-height: 3.3vw;
    font-size: 1.75vw;
    margin: 0;
    font-family: 'Urbanist', sans-serif;
}

.side-nav-wrap nav ul li a {
    color: rgba(255, 255, 255, 0.4);
    display: block;
    position: relative;
}

.side-nav-wrap nav ul>li.nav-menu-item>a::after {
    content: "\f105";
    font-family: 'FontAwesome';
    position: absolute;
    top: 0;
    right: 4vw;
}

.side-nav.service-step-nav-active.step-two-active .side-nav-wrap nav ul>li.nav-menu-item.service-step-nav li.service-step-marketing-nav>a::after,
.side-nav.service-step-nav-active .side-nav-wrap nav ul>li.nav-menu-item.service-step-nav>a::after {
    content: "\f104";
}

.side-nav-wrap nav ul li a:hover {
    color: #fff;
}

.side-nav-wrap nav ul.nav-submenu {
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0;
    padding-top: 3.5vw;
    width: 50%;
    padding-left: 4vw;
    display: none;
    transition: .45s;
}

/* .side-nav-wrap nav ul li:hover ul.nav-submenu {
    display: block;
} */
.side-nav.service-step-nav-active.step-two-active .side-nav-wrap nav ul>li.nav-menu-item.service-step-nav li.service-step-marketing-nav>a,
.side-nav.service-step-nav-active .side-nav-wrap nav ul li.service-step-nav>a,
.side-nav-wrap nav ul li:hover>a {
    color: #fff;
}

.side-nav-wrap nav ul.nav-submenu li a {
    color: rgba(255, 255, 255, 0.4);
}

.side-nav-wrap nav ul.nav-submenu li a:hover {
    color: rgba(255, 255, 255, 1);
}

.side-nav-wrap nav {
    width: 32%;
    padding: 3.5vw 0 2vw 3.5vw;
    border-left: 0.1vw #fff solid;
    height: auto;
    display: flex;
    min-height: 100%;
    transition: 1s;
    margin-left: auto;
}

.slde-menu-barbtm {
    position: absolute;
    bottom: 3.5vw;
    right: 3.5vw;
}

.slde-menu-barbtm .btn-href-link {
    color: #fff;
}

.slde-menu-barbtm .btn-href-link .progress__circle {
    stroke: #fff;
}

.slde-menu-barbtm .btn-href-link .progress__path {
    stroke: #fff;
}

.nav-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: -100%;
    background: rgba(23, 29, 58, 0.6);
    z-index: 11;
    width: 100%;
    height: 100%;
    mix-blend-mode: multiply;
    transition: 1.2s;
    opacity: 0;
    visibility: hidden;
}

/* body.mobile-menu-active .side-nav-wrap {
    opacity: 0;
    animation: 1.5s nav-visible forwards .5s;
    animation-delay: 1s;
} */

/* body.mobile-menu-active .side-nav {
    opacity: 1;
    right: 0;
    visibility: visible;
} */

/* body.mobile-menu-active .nav-overlay {
    opacity: 1;
    visibility: visible;
    right: 0;
} */

/* body.mobile-menu-active .side-nav::before {
    width: 100%;
    visibility: visible;
    right: 0;
} */

@keyframes nav-visible {
    0% {
        opacity: 0;
        visibility: hidden;
    }

    to {
        opacity: 1;
        visibility: visible;
    }
}

body.mobile-menu-active {
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

.back-nav-overlay {
    position: fixed;
    background: #171D3A;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 111;
    opacity: 0.6;
    mix-blend-mode: multiply;
    transition: 1s;
    display: none;
}

/* body.mobile-menu-active .back-nav-overlay {
    display: block;
} */
/** ================== // HEADER MENU DESKTOP CSS END // ================== **/

/** ================== // HEADER MENU CSS END // ================== **/

/** ================== //VIDEO POPUP CSS START // ================== **/
.video-iframe {
    margin: 0 auto 2.9vw;
    padding: 0 4.6vw;
    position: relative;
    width: 100%;
}

.video-iframe figure {
    position: relative;
}

.home-index-page .video-iframe figure {
    position: static;
}

.video-play-icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
}

.playicon,
.playicon2 {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video-play-icon span {
    display: block;
    width: 3.334vw;
    height: 3.334vw;
    border: 0.1vw #fff solid;
    border-radius: 100vw;
    position: relative;
}

.video-play-icon span::after {
    content: "";
    width: 1vw;
    height: 1vw;
    border-top: 0.6vw transparent solid;
    border-bottom: 0.6vw transparent solid;
    border-left: 0.9vw #fff solid;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 5px;
    right: 0;
    margin: 0 auto;
}

.video-on-desktop {
    display: flex;
    flex-wrap: wrap;
    height: 28.5vw;
    position: relative;
    width: 100%;
}

.video-on-desktop .html5_video_players {
    width: 100%;
}

.video-on-desktop .html5_video_players .h5vp_player_temp {
    width: 100%;
}

.video-fullecreen {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    position: relative;
    align-items: flex-end;
}

.ready-potential-ipad-wrap::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    background: url(../images/rectangle-bottom-bg.svg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 10vw;
    bottom: -0.1vw;
    z-index: 1;
}

.video-fullecreen video {
    width: 100%;
    object-fit: cover;
    object-position: bottom;
    height: 100%;
}

.video-on-desktop video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.prodcut-screen-left .video-on-desktop {
    height: 53.4vw;
}

.prodcut-screen-left.video-full-height .video-on-desktop {
    height: 48.6vw;
}

/** ================== //VIDEO POPUP CSS END // ================== **/


/** ================== //MARQUEE CSS START // ================== **/
.review-mrq-section {
    margin: 0;
    padding: 1.4vw 0;
    background: #fff;
}

.review-mrq-warp {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.review-mrq-item {
    display: inline-flex;
    align-items: center;
    padding: 0 1.55vw;
}

.review-mrq-item p {
    color: #000;
    margin: 0;
    padding: 0;
    font-family: 'Neue Montreal Medium';
    font-weight: 500;
    font-size: 1vw;
    letter-spacing: 0.11vw;
}

.review-mrq-item img {
    width: 5.15vw;
    margin-left: 1vw;
}

.two-point-atf-align-bottom {
    width: 100%;
    margin-top: auto;
    padding-bottom: 0;
}

.marquee-atf-part {
    background: #fff;
    position: relative;
    overflow: hidden;
}

#scroller {
    width: 10000%;
}

#scroller.ready>* {
    display: inline-block;
    float: left;
    overflow: hidden;

    webkit-animation-timing-function: linear;
    animation-timing-function: linear;


    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;

    -webkit-animation-delay: 1s;
    animation-delay: 1s;


    -webkit-animation-duration: 30s;
    animation-duration: 50s;


    -webkit-animation-name: marginator;
    animation-name: marginator;



    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

#scroller:hover>* {


    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

@-webkit-keyframes marginator {
    0% {
        -webkit-transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    }

    100% {
        -webkit-transform: translate(-100%, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
    }
}

@keyframes marginator {
    0% {

        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);

        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {


        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);


        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.scroller-wrapper {
    overflow: hidden;
}

.marquee-atf-inner {
    display: flex !important;
    align-items: center;
}

.marquee-atf-item {
    margin: 0;
}

.marquee-tools {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 1.485vw 0;
    /* padding: 1.485vw 0.6vw; */
}

.marquee-atf-part.marquee-home-logo {
    background: none;
}

.marquee-home-logo .marquee-tools {
    padding: 1.485vw 1.6vw;
}

.marquee-home-logo .marquee-tools img {
    /* opacity: 0.4; */
    /* max-width: 11.813vw; */
    height: 3.344vw;
}

.home-index-page .review-atf-2point span {
    color: #F8A301;
}

.marquee-tools p {
    margin: 0;
    padding: 0;
    font-size: 1.25vw;
    letter-spacing: 0.07vw;
}

.marquee-tools span {
    display: inline-flex;
    margin: 0 0.6vw;
}

.marquee-tools span i {
    margin: 0 1.5px;
    color: #000000;
}

.marquee-new-part {
    background: #000;
    position: relative;
    overflow: hidden;
}

.marquee-new-inner {
    display: flex !important;
    align-items: center;
}

.marquee-new-inner .marquee-tools p {
    font-size: 1.6vw;
    letter-spacing: 0.11vw;
    color: #fff;
    font-family: 'Neue Montreal Regular';
    font-weight: normal;
}

.marquee-new-inner .marquee-tools span i {
    color: #fff;
}

/** ================== // MARQUEE CSS START // ================== **/

/** ================== // PRODUCT CSS START // ================== **/
.product-new-section {
    margin: 0;
    padding: 0;
    position: relative;
}

.product-new-d-flex {
    display: flex;
    flex-wrap: wrap;
}

.product-screenmobile {
    background: #000;
    max-width: 25.1vw;
    position: absolute;
    top: 2.5vw;
    left: 2vw;
    z-index: 1;
    padding: 1.2vw;
    display: none;
}

.product-screenmobile p {
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    color: #fff;
    font-size: 2.1vw;
    line-height: 2.7vw;
}

.prodcut-screen-left {
    width: 63%;
    padding: 0 0 0;
    border-right: 1px #000 solid;
    position: relative;
}

.prodcut-screen-left .video-on-desktop video {
    object-position: right;
}

.prodcut-screen-left.video-full-height {
    padding-top: 0;
}

.prodcut-screen-left.video-full-height .video-on-desktop video {
    object-fit: cover;
}

.prodcut-screen-left img {
    width: 100%;
}

.prodcut-screen-left .video-play-icon span {
    border-color: #fff;
}

.prodcut-screen-left .video-play-icon span::after {
    border-left-color: #fff;
}

.prodcut-screen-company-right {
    width: 37%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 1.5vw 0 1.5vw;
}

.prodcut-screen-company-info {
    margin: 0;
    padding: 0;
    text-align: center;
}

.prodcut-screen-company-info h3 {
    padding: 0;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    font-size: 2.35vw;
    letter-spacing: 0.16vw;
    margin: 0 0 1.7vw;
    line-height: 2.89vw;
    max-width: 27vw;
}

.down-arrow-img {
    margin: 0 0 1vw;
    width: 2.45vw;
}

.prodcut-screen-company-info ul {
    margin: 0 auto;
    padding: 0 .45vw;
    max-width: 21vw;
}

.prodcut-screen-company-info ul li {
    margin: 0 0 1.05vw;
    padding: 0;
    display: block;
}

.prodcut-screen-company-info ul li:last-child {
    margin-bottom: 0;
}

.prodcut-screen-company-info ul li a {
    background: #000;
    display: block;
    font-size: 1.08vw;
    color: #fff;
    font-family: 'Neue Montreal Regular';
    font-weight: normal;
    text-align: left;
    position: relative;
    transform: scale(1);
    transition: .5s;
    border: 1px #000 solid;
    text-transform: uppercase;
    border-radius: 0.4vw;
    padding: 0.78vw 1.5vw;
    letter-spacing: 0.08vw;
    z-index: 1;
}

@media (min-width:1200px) {
    .prodcut-screen-company-info ul li a:hover {
        background: #E7FA48;
        color: #000;
        transform: scale(1.05);
    }

    .prodcut-screen-company-info ul li a:hover::before {
        background: url('../images/checkmark.svg') no-repeat;
    }
}

.prodcut-screen-company-info ul li a::before {
    content: "";
    background: url('../images/cricle.svg') no-repeat;
    background-size: 100% !important;
    display: inline-flex;
    position: relative;
    transition: .5s;
    width: 1.042vw;
    height: 1.042vw;
    margin-right: 0.9vw;
    top: 0.09vw;
    z-index: -1;
}

.choose-link-href {
    font-family: 'Neue Montreal Medium';
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.05vw;
    text-transform: uppercase;
    font-size: 0.95vw;
    line-height: 1.38vw;
    margin-top: 1.6vw;
}

.choose-link-href svg {
    transition: 0.7s;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    margin-left: 0.5vw;
    width: 0.6vw;
    height: auto;
}

.choose-link-href:hover {
    color: #aabd10;
}

.choose-link-href:hover svg {
    fill: #aabd10;
}

.compare-channels-show {
    margin: 0;
    padding: 0;
    width: 100%;
    display: none;
}

.top-heading {
    width: 100%;
    padding: 0.6vw 0 0.6vw;
    margin: 0 0 0.7vw;
    background: #E7FA48;
    text-align: center;
}

.top-heading h2 {
    width: 100%;
    padding: 0;
    margin: 0;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    color: #000;
    font-size: 1.4vw;
    letter-spacing: 0.15vw;
    line-height: 2.165vw;
}

.revenue-mouse-scroll-scnd {
    margin: 0;
    padding: 0 2.1vw 2vw 2vw;
    text-align: center;
    position: relative;
}

.revenue-mouse-scroll-scnd h3 {
    padding: 0;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    color: #000;
    font-size: 1.15vw;
    line-height: 1.6vw;
    letter-spacing: 0.15vw;
    margin: 0 0 0.71vw;
}

.channels-tabing-part {
    margin: 0;
    padding: 0;
}

.tab-ul-list {
    margin: 0 0 1.6vw;
    padding: 0;
}

.tab-ul-list ul {
    margin: 0 -0.25vw;
    padding: 0;
    border-bottom: none;
    display: flex;
    flex-wrap: wrap;
}

.tab-ul-list ul li {
    margin: 0;
    padding: 0.15vw 0.25vw;
    display: block;
    width: 8.31vw;
}

.tab-ul-list ul li a {
    margin: 0;
    padding: 0.317vw 0.65vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
    font-size: 0.95vw;
    line-height: 1.38vw;
    background: #000;
    color: #fff;
    display: inline-flex;
    align-items: center;
    width: 100%;
    border-radius: 0.5vw;
    justify-content: space-between;
    border: 1px #000 solid;
    letter-spacing: 0.05vw;
}

.tab-ul-list ul li a:hover,
.tab-ul-list ul li a.active {
    background: #E7FA48;
    color: #000;
}

.tab-ul-list ul li a span {
    font-size: 0.7vw;
    display: block;
    line-height: normal;
    text-align: center;
}

.tab-ul-list ul li a span em {
    font-size: 0.5vw;
    display: block;
    font-style: normal;
}

.prodcut-screen-left.prodcut-screen-bdr-rlt {
    border-right: none;
}

.features-list-table {
    margin: 0;
    padding: 0;
    position: relative;
}

.features-list-table::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.features-list-table::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.features-list-table::-webkit-scrollbar-thumb {
    background-color: #000000;
}


.features-list-table ul {
    margin: 0;
    padding: 0;
}

.features-list-table ul li {
    margin: 0;
    padding: 0.45vw 2.2vw;
    display: block;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 0.5vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
    font-size: 0.92vw;
    letter-spacing: 0.05vw;
}

.features-list-table ul li.list-tittle-text {
    font-size: 1.05vw;
}

.features-list-table ul li.list-tittle-text .td-three {
    color: #000;
}

.features-list-table ul li:nth-child(even) {
    background: #fff;
}

td.td-first {
    width: 1vw;
    vertical-align: top;
}

td.td-two {
    width: 13vw;
    vertical-align: top;
}

td.td-three {
    width: 7vw;
    text-align: center;
    color: #3772FF;
}

.features-list-table ul li td.td-first img {
    width: 0.75vw;
}

.features-list-table ul li td.td-three img {
    width: 1.05vw;
}

.channels-nots-bottom {
    text-align: center;
    padding-top: 1.5vw;
}

.channels-nots-bottom p {
    text-align: center;
    font-family: 'Urbanist', sans-serif;
    font-weight: 400;
    font-size: 0.901vw;
    letter-spacing: 0.05vw;
    line-height: 1.3vw;
    padding: 0 1.8vw 1.9vw;
    margin: 0;
}

.compare-second-warpper {
    max-width: 100%;
    padding: 0 1.6vw;
}

/** ================== // PRODUCT CSS END // ================== **/




.range {
    position: relative;
    height: 0.209vw;
}

.range input {
    width: 100%;
    position: absolute;
    top: 0.1vw;
    height: 0;
    -webkit-appearance: none;
    left: 0;
}

.range input::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 3vw;
    height: 3vw;
    margin: -1.5vw 0 0 0;
    border-radius: 50%;
    background: #000 url('../images/double-arrow.png') no-repeat center;
    background-size: 1.05vw;
    cursor: pointer;
    border: 0 !important;
    position: relative;
    z-index: 1;
    width: 3vw;
    height: 3vw;
}

.range input::-moz-range-thumb {
    width: 3vw;
    height: 3vw;
    margin: -1.5vw 0 0 0;
    border-radius: 50%;
    background: #000 url('../images/double-arrow.png') no-repeat center;
    background-size: 1.05vw;
    cursor: pointer;
    border: 0 !important;
    position: relative;
    z-index: 1;
}

.range input::-ms-thumb {
    width: 3vw;
    height: 3vw;
    margin: -1.5vw 0 0 0;
    border-radius: 50%;
    background: #000 url('../images/double-arrow.png') no-repeat center;
    background-size: 1.05vw;
    cursor: pointer;
    border: 0 !important;
    position: relative;
    z-index: 1;
}

.range input::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.209vw;
    cursor: pointer;
    background: #b2b2b2;
}

.range input::-moz-range-track {
    width: 100%;
    height: 0.209vw;
    cursor: pointer;
    background: #b2b2b2;
}

.range input::-ms-track {
    width: 100%;
    height: 0.209vw;
    cursor: pointer;
    background: #b2b2b2;
}

.range input:focus {
    background: none;
    outline: none;
}

.range input::-ms-track {
    width: 100%;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent;
}

.range-labels {
    margin: 0;
    padding: 4.2vw 0 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.range-labels li {
    text-align: center;
    color: #b2b2b2;
    width: 5.91vw;
    font-size: 0.7vw;
    cursor: pointer;
    margin: 0;
}

.dots-btn {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
}

.dots-btn::before {
    position: absolute;
    right: 0;
    left: 0;
    content: "";
    margin: 0 auto;
    background: #fff;
    border: 0.2vw #C2C2C2 solid;
    z-index: 1;
    width: 0.75vw;
    height: 0.75vw;
    border-radius: 74vw;
    top: -0.3vw;
}

.range-labels li:last-child .dots-btn::before {
    left: auto;
    right: -0.208vw;
}

.range-labels li:first-child .dots-btn::before {
    left: 0;
    right: auto;
}

.range-labels li.selected .dots-btn::before {
    background: #000;
    border-color: #000;
}

.range-labels li.active.selected:last-child .dots-btn::before {
    background: #fff;
    border-color: #fff;
}

.range-labels .active {
    color: #37adbf;
}

.range-labels .selected::before {
    background: #000;
}

.range-labels .active.selected::before {
    display: none;
}

.range-labels li .text-change-btn {
    display: none;
}

.range-labels li.active .text-change-btn {
    display: block;
}

.text-change-btn {
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
    color: #000;
    border: 1px rgba(0, 0, 0, 0.30) solid;
    display: inline-flex;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    max-width: 14.8vw;
    margin: 0 auto 1vw;
    border-radius: 0.5vw;
    font-size: 1.03vw;
    letter-spacing: 0.04vw;
    line-height: 1.3vw;
    padding: 0.5vw 1vw;
    background: #fff;
}

.mobile-review-show {
    display: none;
}

.videomobile-show {
    display: none;
}

.dropdown-mobile-show {
    margin: 0;
    padding: 0;
}

.caption-drop {
    letter-spacing: 0.75px;
    display: none;
    font-size: 16px;
    color: #fff !important;
    font-family: 'Urbanist', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    position: relative;
    padding-right: 24px;
}

.caption-drop::after {
    content: "";
    background: url('../images/dopdown-arrow.svg') no-repeat;
    width: 17px;
    height: 17px;
    background-size: 100%;
    position: absolute;
    right: 0;
    top: 5px;
}


.mobile-review-atf-align-bottom {
    display: none;
}

.prodcut-compare-part-show .prodcut-screen-company-info {
    display: none;
}

.prodcut-compare-part-show .compare-channels-show {
    display: block;
}


.features-list-table ul li td.td-three ul.range-labels li {
    padding: 0;
    margin: 0;
    background: none;
    display: none;
    color: #3772FF;
    width: auto;
}

.features-list-table ul li td.td-three ul.range-labels li:first-child {
    display: block;
}

.features-list-table ul li td.td-three ul.range-labels {
    justify-content: center;
    display: flex;
}

.features-list-table ul li td.td-three ul.range-labels li.active.selected {
    display: block;
}

.features-list-table ul li td.td-three ul.range-labels li.selected {
    display: none;
}


.tab-ul-list ul li ul.range-labels {
    margin: 0;
    justify-content: center;
}

.tab-ul-list ul li ul.range-labels li {
    padding: 0;
    margin: 0;
    width: auto;
    color: #fff;
    display: none;
}

.tab-ul-list ul li ul.range-labels li {
    padding: 0;
    margin: 0;
    width: auto;
    color: #fff;
    display: none;
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
    line-height: 1vw;
}

.tab-ul-list ul li a.active ul.range-labels li {
    color: #000;
}

.tab-ul-list ul li a:hover ul.range-labels li {
    color: #000;
}

.tab-ul-list ul ul.range-labels li:first-child {
    display: block;
}

.tab-ul-list ul li a ul.range-labels li.selected {
    display: none;
}

.tab-ul-list ul li a ul.range-labels li.active.selected {
    display: block;
}



/*  */
.global-leader-2pint-section {
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-size: cover;
    border-top: 0.1vw #fff solid;
    position: relative;
    overflow: hidden;
    background: #010101;
}

.global-leader-2pint-section .container {
    max-width: 100%;
    padding: 0 4.7vw;
    z-index: 1;
    position: relative;
}

.global-first-headline {
    margin: 0;
    padding: 5.5vw 6.3vw 5.5vw 0;
}

.global-heading {
    margin: 0 0 0 auto;
    padding: 0;
    max-width: 41vw;
    text-align: right;
}

.global-heading h1,
.global-heading h2,
.global-heading h3,
.global-heading h4,
.global-heading h5 {
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 3.8vw;
    line-height: 3.75vw;
}

.global-heading p {
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 2.1vw;
    line-height: 2.65vw;
}

.global-second-headline .global-heading {
    margin: 0;
    padding: 0;
    max-width: 53vw;
    text-align: left;
}

.global-second-headline {
    margin: 0;
    padding: 0;
    position: relative;
}

.global-second-headline::after {
    content: "";
    background: #fff;
    height: 0.05vw;
    position: absolute;
    right: -200%;
    left: calc(100% - 35.4vw);
    top: 2.8vw
}

.global-three-headline {
    margin: 0;
    padding: 0;
}

.global-three-headline .global-heading {
    max-width: 61.86vw;
    padding: 4vw 0 5.2vw;
    border-left: 0.1vw #fff solid;
}

.flexible-servies-section {
    margin: 0;
    padding: 0;
    position: relative;
}

.flexible-servies-warp {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    margin: 0 auto;
}

.flexible-servies-col-4 {
    width: 33.2vw;
}

.flexible-servies-col-info {
    background: #000;
    height: 100%;
    padding: 4.2vw 3.6vw 3.6vw;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    border-top: 0.05vw #fff solid;
}

.flexible-servies-col-info h2 {
    margin: 0;
    padding: 0;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
    font-size: 3.24vw;
    line-height: 3.75vw;
    letter-spacing: 0.15vw;
}

.services-bottom-textline {
    margin: auto 0 0;
    padding: 0;
    width: 100%;
}

.services-bottom-textline h3 {
    color: #fff;
    text-transform: uppercase;
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
    overflow: hidden;
    position: relative;
    position: relative;
    font-size: 1.86vw;
    line-height: 2vw;
    height: 2.35vw;
    margin: 0 0 0.8vw;
    letter-spacing: 0.15vw;
}

.services-bottom-textline h3 a {
    color: #fff;
}

.services-bottom-textline h3 span {
    position: relative;
    display: block;
}

.services-bottom-textline p {
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    color: #fff;
    font-size: 1.2vw;
    line-height: 1.7vw;
    letter-spacing: 0.11vw;
    margin: 0 0 1.22vw;
}

.linked-all {
    color: #fff;
    font-family: 'Neue Montreal Medium';
    font-weight: 500;
    font-size: 0.95vw;
    text-transform: uppercase;
    letter-spacing: 0.05vw;
    display: inline-flex;
    align-items: center;
}

.linked-all:hover {
    color: #fff;
}

.linked-all img {
    width: 0.65vw;
    margin-left: 0.5vw;
    margin-top: 0.15vw;
    transition: 1s;
}

.linked-all:hover img {
    margin-left: 0.8vw;
}

.linked-all-white {
    color: #000;
}

.linked-all-white:hover {
    color: #000;
}

.linked-all-white img {
    filter: brightness(0) invert(0);
}

.flexible-servies-second-info {
    background: #fff;
    height: 100%;
}

.yellow-bgcolor {
    background: #E7FA48;
}

.flexible-servies-second-info .services-bottom-textline {
    padding: 2.6vw;
}

.flexible-servies-second-info .services-bottom-textline h3 {
    color: #000;
    position: relative;
    top: 4.3vw;
    transition: 0.7s;
    height: auto;
}

.flexible-servies-second-info .services-bottom-textline h3 a {
    color: #000;
}

.flexible-servies-second-info .services-bottom-textline h3 img {
    opacity: 0;
    visibility: hidden;
    width: 1.3vw;
}

.flexible-servies-second-info .services-bottom-textline p {
    color: #000;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.7s;
}

.flexible-servies-second-info .services-bottom-textline .linked-all {
    color: #000;
    ;
}

.hover-image-show {
    opacity: 0;
    position: absolute;
    visibility: hidden;
    top: 1.5vw;
    left: 2.6vw;
    max-width: 24.9vw;
}

.flexible-tools-img {
    padding: 7.1vw 0 5vw;
    position: relative;
}

.flexible-tools-img img {
    transition: 0.7s;
    width: 100%;
}

.flexible-servies-second-info:hover .flexible-tools-img img {
    opacity: 0;
    visibility: hidden;
}

.flexible-servies-second-info:hover .flexible-tools-img .hover-image-show {
    opacity: 1;
    visibility: visible;
}

.flexible-servies-second-info:hover .services-bottom-textline h3 {
    top: 0;
}

.flexible-servies-second-info:hover .services-bottom-textline h3 img {
    opacity: 1;
    visibility: visible;
}

.flexible-servies-second-info:hover .services-bottom-textline p {
    opacity: 1;
    visibility: visible;
}




.background-stars {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    pointer-events: none;
    overflow: hidden;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.overlay.overlay-dark {
    background-color: rgba(var(--color-black-rgb), 0.5);
}

img.overlay,
video.overlay {
    object-fit: cover;
}

.background-stars .stars {
    background-image: url('../images/stars.png');
    background-size: 70em;
    background-position: center center;
    opacity: 0.6;
}

.background-stars .lighter-bg {
    background-color: rgba(var(--color-light-rgb), 0.075);
}


@keyframes move-twink-back {
    from {
        background-position: 0 0;
    }

    to {
        background-position: -10000px 5000px;
    }
}

.background-stars .twinkling {
    background: url("../images/twinkling.png") center top;
    animation: move-twink-back 200s linear infinite;
}


.cricle-round-white {
    position: absolute;
    top: -240px;
    left: -80px;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.cricle-round-white img {
    animation: animName 15s linear infinite;
    width: 100%;
}

@keyframes animName {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


/* 2POINT NEW SECTION START */
.animatin-window-scroll-section {
    margin: 0;
    padding: 2.448vw 0;
    background: #000;
    border-top: 0.1vw #fff solid;
    border-bottom: 0.1vw #fff solid;
    height: 11.1vw !important;
    position: relative;
    overflow: hidden;
}

#scroller-the-work {
    width: 10000%;
}

#scroller-the-work.ready>* {
    display: inline-block;
    float: left;
    overflow: hidden;

    webkit-animation-timing-function: linear;
    animation-timing-function: linear;


    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;

    -webkit-animation-delay: 1s;
    animation-delay: 1s;


    -webkit-animation-duration: 20s;
    animation-duration: 20s;


    -webkit-animation-name: marginator;
    animation-name: marginator;



    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

#scroller-the-work:hover>* {


    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

.marquee-thework-flex-wrp {
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
}

.scrolling-text {
    width: 100vw;
    height: 101vh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
}

.marquee-thework-line {
    position: absolute;
    padding: 0;
    top: 0;
    left: 0;
    width: 600vw;
    transform: translate(0);
    margin-left: 0;
}

.marquee-thework-line span::after {
    content: "";
    width: 1.875vw;
    height: 1.875vw;
    background: #000;
    border: 0.05vw #fff solid;
    border-radius: 100vw;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.marquee-thework-line span:nth-child(odd) {
    color: #fff;
    text-shadow: none;
}

.marquee-thework-line span {
    display: inline-block;
    text-transform: uppercase;
    font-family: 'Urbanist', sans-serif;
    font-weight: 800;
    letter-spacing: 6px;
    -webkit-text-stroke-width: 0.05vw;
    -webkit-text-stroke-color: white;
    color: #000;
    font-size: 5.21vw;
    line-height: 6.094vw;
    letter-spacing: 0.315vw;
    padding: 0px 3.565vw 0px 2.2vw;
    position: relative;
}

.photogenics-tab-section {
    margin: 0;
    padding: 0;
}

.photogenics-warp-flex {
    display: flex;
    flex-wrap: wrap;
}

.photogenics-left-col-6 {
    width: 33.3333333vw;
    background: #000000;
    padding-top: 2.2vw;
    padding-right: 3.3vw;
    padding-bottom: 1.9vw;
    padding-left: 3.6vw;
}

.photogenics-info-details {
    margin: 0;
    padding: 0;
}


.photogenics-headline-top {
    margin: 0;
    padding: 1.4vw 2.5vw;
    position: relative;
}

.photogenics-headline-top h2 {
    color: #fff;
    font-size: 3.69vw;
    line-height: 3.99vw;
}

.photogenics-headline-top p {
    color: #fff;
    letter-spacing: 0.09vw;
    font-size: 0.73vw;
}

.scroller-photogenics {
    width: 10000% !important;
}

.scroller-photogenics.ready>* {
    display: inline-block;
    float: left;
    overflow: hidden;

    webkit-animation-timing-function: linear;
    animation-timing-function: linear;


    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;

    -webkit-animation-delay: 1s;
    animation-delay: 1s;


    -webkit-animation-duration: 12s;
    animation-duration: 12s;


    -webkit-animation-name: marginator;
    animation-name: marginator;



    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.scroller-photogenics:hover>* {


    /* -webkit-animation-play-state: paused;
    animation-play-state: paused; */
}

.btn {
    border-color: #fff;
    color: #fff;
    border-radius: 2vw;
}

.photogenics-item-repeat {
    margin: 0 0 1.5vw;
    padding: 0;
}

.photogenics-item-repeat:last-child {
    margin-bottom: 0;
}

.photogenics-item-repeat h3 {
    margin: 0;
    padding: 0;
    font-size: 1.1vw;
    line-height: 1.3vw;
    color: rgba(255, 255, 255, 0.4);
    letter-spacing: 0.15vw;
    text-transform: uppercase;
    cursor: pointer;
}

.photogenics-item-repeat.process-tab-active-dkp h3 {
    display: none;
}

.headline-border-shape {
    margin: 0;
    padding: 0;
    position: relative;
    display: none;
}

.photogenics-item-repeat.process-tab-active-dkp .headline-border-shape {
    display: block;
}

.headline-border-shape::after,
.headline-border-shape::before {
    content: "";
    position: absolute;
    top: 0;
    width: 1.3vw;
    height: 1.3vw;
}

.headline-border-shape::before {
    border-top: 0.05vw #fff solid;
    border-left: 0.05vw #fff solid;
    left: 0;
}

.headline-border-shape::after {
    border-top: 0.05vw #fff solid;
    border-right: 0.05vw #fff solid;
    right: 0;
}

.photogenics-headline-top::after,
.photogenics-headline-top::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 1.3vw;
    height: 1.3vw;
}

.photogenics-headline-top::before {
    border-bottom: 0.05vw #fff solid;
    border-left: 0.05vw #fff solid;
    left: 0;
}

.photogenics-headline-top::after {
    border-bottom: 0.05vw #fff solid;
    border-right: 0.05vw #fff solid;
    right: 0;
}

.marquee-heading-item {
    margin-right: 3vw;
    margin-bottom: 0.6vw;
}

.btn {
    border-color: #fff;
    color: #fff;
    border-radius: 2vw;
    padding: 0.21vw 0.72vw;
    letter-spacing: 0.09vw;
    font-size: 0.73vw;
    text-transform: uppercase;
}

.btn:hover {
    background: #fff;
    color: #000;
}

.marquee-heading-flex-wrp {
    display: flex !important;
    align-items: center;
}

.live-link {
    display: block;
    margin: 0;
    padding: 0.5vw 0 0;
}

.live-link a {
    display: inline-flex;
    color: #48E5A4;
    text-transform: uppercase;
    font-size: 0.93vw;
}

.live-link a img {
    margin-left: 0.5vw;
    width: 0.65vw;
    transition: 0.7s;
}

.live-link a:hover img {
    margin-left: 0.8vw;
}



.photogenics-right-col-6 {
    width: 66.3666667vw;
    background: #fff;
    padding-top: 1.7vw;
    padding-right: 5.8vw;
    padding-bottom: 1.9vw;
    padding-left: 5.8vw;
    position: relative;
}

.tabbing-rlt-part-info {
    margin: 0;
    padding: 0;
}

.nav-tabs-menu {
    margin: 0 0 2vw;
    padding: 0;
}

.nav-tabs-menu ul {
    margin: 0;
    padding: 0;
    justify-content: center;
}

.nav-tabs-menu ul li {
    margin: 0;
    padding: 0 0.78vw;
    letter-spacing: 0.09vw;
    font-size: 0.73vw;
    font-family: 'Neue Montreal Regular';
    font-weight: normal;
}

.nav-tabs-menu ul li a {
    margin: 0;
    padding: 0 0 0.2vw;
    color: #000000;
    text-transform: uppercase;
}

.nav-tabs-menu ul li a:hover {
    border-bottom: 0.05px #000000 solid;
}

.nav-tabs-menu ul li a.active {
    border-bottom: 0.05px #000000 solid;
}

.point-theme-warp-flex {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    max-width: 49.4vw;
    margin: 0 auto;
}

.theme-col-12 {
    width: 100%;
    margin: 0 auto;
}

.theme-photo-info {
    padding: 0.3vw 0.35vw;
}

.theme-photo-info img {
    width: 100%;
}

.theme-col-3 {
    width: 33.333333%;
}

.theme-col-6 {
    width: 50%;
}

.theme-col-7 {
    width: 54%;
}

.theme-col-5 {
    width: 45.5%;
}

.theme-col-9 {
    width: 66.6666663%;
}

.case-study-connect-info {
    margin: 0;
    padding: 0;
}

.content-repeat-info {
    padding: 0 0 1.3vw;
    margin: 0;
}

.content-repeat-info:last-child {
    padding-bottom: 0;
}

.content-repeat-info h3 {
    font-size: 1.24vw;
    line-height: 1.511vw;
    margin: 0 0 1.1vw;
    text-transform: uppercase;
}

.content-repeat-info p {
    letter-spacing: 0.02vw;
    font-size: 0.85vw;
}

.content-repeat-info .btn {
    color: #000;
    border-color: #000;
    margin-right: 0.4vw;
}

.content-repeat-info .btn:hover {
    color: #fff;
    background: #000;
}

.btn.btn-broder {
    color: #000;
    border-color: #000;
    margin-right: 0.4vw;
    margin-top: 0.4vw;
}

.btn.btn-broder:hover {
    color: #fff;
    background: #000;
}

.before-after-tool {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.5vw;
}

.before-after-tool-col-6 {
    width: 50%;
    padding: 0 0.5vw;
}

.before-after-tool-col-info {
    margin: 0;
    padding: 0 0 0 1.1vw;
    position: relative;
}

.before-after-tool-col-info img {
    margin: 0;
    padding: 0;
    width: 100%;
}

.before-after-tool-col-info span {
    position: absolute;
    text-transform: uppercase;
    transform: rotate(-90deg);
    font-family: 'Neue Montreal Regular';
    letter-spacing: 0.1vw;
    font-size: 0.62vw;
    top: 0.9vw;
    left: -1.2vw;
}

.before-after-tool-col-info.after-info span {
    left: -0.7vw;
    top: 0.75vw;
}

.more-detalis-tab-info {
    margin: 0;
    padding: 0;
}

.moretab-part-row {
    margin: 0 0 1.9vw;
    padding: 0 0 1.5vw;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 0.05vw #000 solid;
}

.moretab-part-row:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.moretab-part-col-5 {
    width: 50%;
    padding-right: 1.8vw;
}

.moretab-part-col-3 {
    width: 25%;
    padding-right: 1.8vw;
}

.moretab-part-col-4 {
    width: 50%;
    padding-right: 1.8vw;
}

.moretab-part-col-6 {
    width: 41.9%;
    padding-right: 1.8vw;
}

.moretab-part-col-7 {
    width: 58.1%;
    padding-right: 0;
}

.content-repeat-info img {
    width: 100%;
}

.margin-img-btm {
    margin-bottom: 1vw;
}

.live-link.link-black a {
    color: #000;
    font-size: 0.73vw;
    font-family: 'Neue Montreal Medium';
    letter-spacing: 0.02vw;
}

.live-link.link-black a img {
    filter: brightness(0) invert(0);
    width: 0.45vw;
    transition: 0.7s;
}

.digital-future-marking {
    margin: 0;
    background: #000;
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
    position: relative;
    overflow: hidden;
}

.digital-future-info video {
    width: 100%;
    height: 100%;
}

.digital-future-info .lefs-button .btn-href-link {
    color: #fff;
    font-size: 1.9vw;
}

.digital-future-info .progress__circle,
.digital-future-info .progress__path {
    stroke: #fff;
}

.digital-future-info .progress__path {
    stroke: #fff;
}

.digital-future-info h4 {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.65vw;
    padding-left: 5.4vw;
    margin-bottom: 0.7vw;
}

.digital-future-info {
    margin: 0 0 0 -0.1vw;
    padding: 0;
}

.digital-future-info img {
    width: 100vw;
}

.digital-future-info .lefs-button {
    text-align: right;
    padding-top: 5.99vw;
    padding-right: 2.4vw;
    width: auto;
}

.book-consultation-section {
    margin: 0;
    padding: 20.2vw 0;
    background: url('../images/background-pattern-bg.jpg') no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

.book-consultation-section .cricle-round-white {
    top: 0;
    left: 0;
}

.book-consultation-heading {
    margin: 0;
    padding: 0;
    text-align: center;
}

.book-consultation-heading h2 {
    margin: 0;
    padding: 0;
    color: #000;
    font-family: 'Urbanist', sans-serif;
    font-weight: bold;
    font-size: 7.9vw;
    line-height: 7.815vw;
}

.book-consultation-heading h2 a {
    color: #000;
    position: relative;
}

.book-consultation-heading h2 a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0.3vw;
    background: #000;
    opacity: 0;
    visibility: hidden;
    transition: 0.7s;
    width: 0%;
}

.book-consultation-heading h2 a:hover::after {
    opacity: 1;
    visibility: visible;
    width: 100%;
}

.book-consultation-heading h6 {
    margin: 0 0 0.4vw;
    padding: 0;
    font-size: 2.08vw;
    line-height: 2.605vw;
    color: #000;
    font-family: 'Urbanist', sans-serif;
    font-weight: normal;
    letter-spacing: 0.1vw;
}

/* 2POINT NEW SECTION END */

/* FOOTER SECTION SATRT */
.footer-section {
    margin: 0;
    padding: 8.75vw 12.1vw 4.27vw;
    background: #000;
}

.footer-warp {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer-left-sm12 {
    width: 12.6vw;
}

.logo-ftr {
    margin: 0 0 2vw;
    padding: 0;
}

.logo-ftr img {
    width: 6.5vw;
}

.logo-ftr a {
    margin: 0 0 1.3vw;
    padding: 0;
    color: #fff;
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Open Sans Bold';
    font-size: 2.4vw;
    line-height: 3.23vw;
    letter-spacing: 0.42vw;
}

.follow-icon-ftr {
    margin: 0 0 2.2vw;
    padding: 0;
}

.follow-icon-ftr a {
    margin: 0 0.5vw 0 0;
    padding: 0.8vw;
    display: inline-flex;
    width: 2.865vw;
    height: 2.865vw;
    background: #fff;
    border-radius: 100vw;
}

.follow-icon-ftr a:hover {
    background: #a4cf6c;
}

.follow-icon-ftr h3 {
    color: #fff;
    font-size: 1.45vw;
    letter-spacing: 0.09vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 500;
    margin: 0 0 0.5vw;
}

.copyright {
    margin: 0;
    padding: 0;
}

.copyright p {
    margin: 0;
    padding: 0;
    font-size: 0.70vw;
    line-height: 1.511vw;
    color: #fff;
    letter-spacing: 0.07vw;
}

.footer-right-sm12 {
    margin: 0;
    padding: 0;
    width: 62.2vw;
}

.footer-rlt-menu-info {
    margin: 0;
    padding: 0px 0 0 3.6vw;
    display: flex;
    flex-wrap: wrap;
}

.footer-left-sm12 .follow-icon-ftr {
    display: none;
}

.footer-menu {
    margin: 0 0 4.23vw 5.729vw;
    padding: 0;
    width: 8.9vw;
}

.footer-menu h4 {
    margin: 0 0 0.51vw;
    padding: 0;
    color: #fff;
    font-size: 1.45vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 500;
    letter-spacing: 0.09vw;
}

.footer-menu ul {
    margin: 0;
    padding: 0;
}

.footer-menu ul li {
    margin: 0 0 0.51vw;
    padding: 0;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    font-size: 1.24vw;
    letter-spacing: 0.07vw;
    color: #fff;
    display: block;
}

.footer-menu ul li a {
    color: #fff;
    position: relative;
}

.footer-menu ul li a::after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.6s;
}

.footer-menu ul li a:hover::after {
    right: -1.04vw;
    opacity: 1;
    visibility: visible;
}

.footer-menu ul li.fo-contant-linked a::after {
    display: none;
}

.footer-menu ul li.fo-contant-linked a::before {
    content: "";
    position: absolute;
    background: #a4cf6c;
    animation-name: po;
    animation-duration: 1200ms;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-play-state: running;
    top: 0.65vw;
    left: -0.7vw;
    width: 0.36vw;
    height: 0.36vw;
}

@keyframes po {

    0%,
    21%,
    79%,
    to {
        opacity: 0
    }

    29%,
    71% {
        opacity: 1
    }
}


.footer-menu ul li a:hover {
    color: #a4cf6c;
}

/* FOOTER SECTION END */



.copyright-mobile {
    display: none;
}

.digital-lab-mobile-show {
    display: none;
}

.photogenics-right-mobile-item {
    display: none;
}


a.tabs-dropdown {
    display: none;
}

.tabbing-mb-hding {
    display: none;
}

.tabbing-mb-hding h3 {
    font-size: 19px;
    line-height: 28px;
    color: rgba(255, 255, 255, 0.4);
    letter-spacing: 1.5px;
    text-transform: uppercase;
    cursor: pointer;
    margin: 0;
    padding: 0;
}

.tabbingmonile-item-show {
    display: none;
}

.tabbingmonile-item-show.active {
    display: block;
}


/* NEW PRODUCT PAGE CSS START */
.experience-pmm-section {
    margin: 0;
    padding: 7.9vw 3.9vw 3.5vw;
}

.experience-heading {
    margin: 0 0 8vw;
    padding: 0;
}

.experience-heading h2 {
    font-size: 11.04vw;
    line-height: 7.813vw;
    font-weight: 300;
    font-family: 'Urbanist', sans-serif;
    text-transform: uppercase;
    margin-bottom: 0;
}

.experience-heading h3 {
    font-size: 5.89vw;
    line-height: 4.6vw;
    font-family: 'Open Sans Bold';
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1.04vw;
    margin: 0 0 2.8vw;
}

.experience-product-flex-warp {
    display: flex;
    flex-wrap: wrap;
}

.experience-product-col-left {
    width: 36.4vw;
    padding-right: 6.2vw;
}

.experience-product-col-info {
    padding: 0;
    margin: 0;
}

.experience-product-col-info p {
    font-size: 1.2vw;
    letter-spacing: 0.09vw;
    line-height: 1.7vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    margin-bottom: 1.5vw;
}

.experience-product-col-info .live-link.link-black a {
    font-size: 0.94vw;
}

.experience-product-col-info .live-link.link-black a img {
    width: 0.65vw;
    padding-top: 2px;
}

.experience-product-col-right {
    width: 55.1vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.product-rlt-col-6 {
    width: 47%;
    margin-bottom: 3.3vw;
}

.item-product-info {
    margin: 0;
    padding: 0;
}

.product-icon-cricle {
    width: 5.886vw;
    height: 5.886vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5.886vw;
    border: 0.1vw #000 dashed;
    margin-bottom: 1.35vw;
}

.product-icon-cricle:hover {
    border-color: #E7FA48;
    background: #E7FA48;
}

.product-icon-cricle img {
    width: 2vw;
    height: 1.7vw;
}

.item-product-info h4 {
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.12vw;
    font-size: 1.35vw;
    line-height: 2.2vw;
    margin-bottom: 1vw;
}

.item-product-info p {
    font-size: 1.2vw;
    letter-spacing: 0.09vw;
    line-height: 1.7vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    margin-bottom: 0.625vw;
}

.item-product-info p:last-child {
    margin-bottom: 0;
}

.amm-tabbing-section {
    margin: 0;
    padding: 0;
    background: #E7FA48;
}

.amm-tabbing-flx-wrp {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.amm-tabbing-flx-col-lft {
    width: 50%;
}

.amm-tabbing-flx-col-lft .tab-content {
    height: 100%;
}

.amm-tabbing-flx-col-lft .tab-pane {
    height: 100%;
}

.amm-tabbing-flx-col-lft .amm-tabbing-flx-content-info {
    height: 100%;
}

.our-process-hidden-contant {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: 0.7s;
}

.our-process-hidden-contant.active {
    display: block;
    opacity: 1;
    visibility: visible;
}

.amm-tabbing-flx-content-info {
    background: #E7FA48;
    padding: 3.05vw 2.7vw 3.05vw 3.9vw;
    border-top: 1px #000 solid;
}

.amm-tabbing-flx-content-info h4 {
    margin: 0 0 3.55vw;
    padding: 0;
    font-family: 'Open Sans Bold';
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
    font-size: 1.8vw;
    line-height: 2.45vw;
    letter-spacing: 0.2vw;
}

.amm-tabbing-flx-content-info h3 {
    font-size: 6vw;
    line-height: 6.3vw;
    color: #000;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    padding: 0 0 4.5vw;
    margin: 0;
}

.amm-tabbing-flx-content-info p {
    font-size: 1.2vw;
    letter-spacing: 0.09vw;
    line-height: 1.7vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    width: 24.5vw;
}

.amm-tabbing-flx-content-info p br {
    display: none;
}

.amm-tabbing-flx-content-info h3 strong {
    font-weight: bold;
}

.amm-tabbing-flx-col-rlt {
    width: 50%;
    background: #000;
    padding: 5.7vw 0.6vw 5.7vw 5.9vw;
}

.tabbing-menu-item {
    margin: 0;
    padding: 0;
}

.tabbing-menu-item ul {
    margin: 0;
    padding: 0;
}

.tabbing-menu-item ul li {
    display: block;
    width: 100%;
    margin: 0 0 0.53vw;
}

.tabbing-menu-item ul li a {
    display: flex;
    justify-content: flex-end;
}

.tabbing-menu-item ul li a span {
    background: #E7FA48;
    width: calc(100% - 7.396vw);
    display: flex;
    align-items: center;
    justify-content: left;
    font-size: 3.8vw;
    line-height: 4.59vw;
    color: #000;
    border-radius: 1vw;
    padding: 1.4vw 2.8vw;
    height: 100%;
}

.tabbing-menu-item ul li a strong {
    background: #E7FA48;
    padding: 1.4vw 0.8vw;
    align-items: center;
    justify-content: center;
    border-radius: 1vw;
    display: none;
    margin-left: 0.55vw;
    width: 7.396vw;
}

.tabbing-menu-item ul li a strong img {
    width: 2.4vw;
}

.tabbing-menu-item ul li.process-tab-active a strong {
    display: flex;
}

.tabbing-menu-item ul li:nth-child(2) a span,
.tabbing-menu-item ul li:nth-child(2) a strong {
    background: #48E5A4;
}

.tabbing-menu-item ul li:nth-child(3) a span,
.tabbing-menu-item ul li:nth-child(3) a strong {
    background: #EC6553;
}

.tabbing-menu-item ul li:nth-child(4) a span,
.tabbing-menu-item ul li:nth-child(4) a strong {
    background: #2768F4;
}

.tabbing-menu-item ul li:nth-child(5) a span,
.tabbing-menu-item ul li:nth-child(5) a strong {
    background: #FFB4BF;
}

#seo-pmm-content .amm-tabbing-flx-content-info {
    background: #48e5a4;
}

#ads-pmm-content .amm-tabbing-flx-content-info {
    background: #EC6553;
}

#email-pmm-content .amm-tabbing-flx-content-info {
    background: #2768F4;
}

#social-pmm-content .amm-tabbing-flx-content-info {
    background: #FFB4BF;
    padding-right: 5.4vw;
}

.tab-content-tabing {
    height: 100%;
    position: relative;
}

.marketing-manager-section {
    margin: 0;
    padding: 0;
}

.marketing-manager-flex-warp {
    display: flex;
    flex-wrap: wrap;
}

.marketing-manager-flex-col-left {
    width: 50%;
    background: #000;
}

.marketing-manager-flex-phone {
    padding: 4.7vw 0 0;
    margin: 0;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    background: #171717;
}

.marketing-manager-flex-phone img {
    width: 32.4vw;
    margin: 0 auto;
    display: block;
}

.marketing-manager-flex-col-right .marketing-manager-content-info img {
    display: none;
}

.marketing-manager-content-info p strong {
    font-weight: 300;
}

.marketing-manager-flex-col-right {
    width: 50%;
}

.marketing-manager-content-info {
    margin: 0;
    padding: 4.7vw;
}

.marketing-manager-content-info h3 {
    font-size: 6vw;
    line-height: 6.3vw;
    color: #000;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    margin-bottom: 15.6vw;
}

.marketing-manager-content-info p {
    font-size: 1.2vw;
    letter-spacing: 0.09vw;
    line-height: 1.7vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
}

.reviws-scroll-section {
    margin: 0;
    padding: 0vw 0 8.5vw;
    background: #000;
}

.reviws-scroll-item {
    margin: 0 0;
    padding: 0;
    max-width: 35vw;
}

.reviws-scroll-item.reviws-movie-trailer-4 {
    margin-left: auto;
    margin-top: -8vw;
    margin-right: 7.5vw;
}

.reviws-scroll-item[data-aos][data-aos][data-aos-duration="400"] {
    transition-duration: inherit;
}

.reviws-scroll-item[data-aos][data-aos][data-aos-duration="1000"] {
    transition-duration: inherit;
}

.reviws-info-tag {
    text-align: center;
    color: #fff;
}

.reviws-info-tag p i {
    font-family: 'Abril Fatface', serif;
}

.reviws-info-tag p {
    color: #fff;
    font-size: 1.65vw;
    line-height: 2.2vw;
    font-family: 'Urbanist', sans-serif;
}

.reviws-info-tag i.fa.fa-star {
    margin: 0 2px;
    font-size: 0.9vw;
}

.reviws-scroll-item.reviws-movie-trailer-1 {
    margin-left: auto;
    margin-right: 21.4vw;
}

.reviws-scroll-item.reviws-movie-trailer-2 {
    margin-left: 20vw;
    margin-top: 1.28vw;
    margin-bottom: -1vw;
}

.reviws-scroll-item.reviws-movie-trailer-3 {
    max-width: 22vw;
    margin-left: 4vw;
}

.reviws-scroll-item.reviws-movie-trailer-4 {
    margin-left: auto;
    margin-top: -8vw;
    margin-right: 7.5vw;
}

.reviws-movie-trailer-4 .reviws-info-tag p,
.reviws-movie-trailer-7 .reviws-info-tag p,
.reviws-movie-trailer-16 .reviws-info-tag p,
.reviws-movie-trailer-13 .reviws-info-tag p {
    font-size: 2.18vw;
    line-height: 2.6vw;
}

.reviws-scroll-item.reviws-movie-trailer-5 {
    margin-left: 35vw;
    max-width: 26vw;
    margin-top: 20px;
}

.reviws-scroll-item.reviws-movie-trailer-6 {
    margin-left: auto;
    margin-top: -2.7vw;
}

.reviws-scroll-item.reviws-movie-trailer-7 {
    max-width: 18vw;
    margin-left: 1vw;
}

.reviws-scroll-item.reviws-movie-trailer-8 {
    margin-left: 18.7vw;
}

.reviws-scroll-item.reviws-movie-trailer-9 {
    margin-left: auto;
    margin-right: 6vw;
}

.reviws-scroll-item.reviws-movie-trailer-10 {
    margin-left: 7.5vw;
}

.reviws-scroll-item.reviws-movie-trailer-12 {
    margin-left: auto;
    margin-right: 17vw;
    max-width: 22vw;
}

.reviws-scroll-item.reviws-movie-trailer-13 {
    margin-left: 12.5vw;
}

.reviws-scroll-item.reviws-movie-trailer-14 {
    margin-left: auto;
    margin-right: 21vw;
}

.reviws-scroll-item.reviws-movie-trailer-16 {
    margin-left: auto;
}

.reviws-scroll-item.reviws-movie-trailer-17 {
    max-width: 22vw;
    margin-left: 2vw;
}

.reviws-scroll-item.reviws-movie-trailer-18 {
    max-width: 26vw;
    margin-left: 35vw;
    margin-top: -15vw;
}

.reviws-scroll-item.reviws-movie-trailer-19 {
    max-width: 28vw;
    margin-left: auto;
    margin-right: 3vw;
}

.reviws-scroll-item.reviws-movie-trailer-21 {
    max-width: 28vw;
    margin-left: auto;
    margin-right: 31vw;
}

.mobile-reviws-scroll-section {
    display: none;
}

/* NEW PRODUCT PAGE CSS END */


.digital-future-info-mobile {
    display: none;
}

.digital-future-info-mobile video {
    width: 100%;
}


.digital-under-absulate {
    margin: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 7.5vw 0;
}


.digital-under-absulate .container {
    max-width: 77.9vw;
}

.digital-under-info h4 {
    color: #fff;
    text-transform: uppercase;
    padding-left: 5vw;
    font-size: 1.67vw;
}


/*==============*/
.digital-under-info h3 {
    color: #fff;
    padding-left: 5.2vw;
    font-size: 2vw;
    line-height: 2.35vw;
    text-transform: uppercase;
    letter-spacing: 0.04vw;
}

.big-future-heading {
    color: #fff;
    font-size: 15vw;
    font-weight: 200;
    font-family: 'Urbanist', sans-serif;
    line-height: 10vw;
    padding-top: 4.2vw;
    letter-spacing: -0.1vw;
}

.big-future-heading span {
    color: #fff;
    font-size: 4.3vw;
    font-weight: 200;
    font-family: 'Urbanist', sans-serif;
    text-transform: uppercase;
    display: inline-flex;
    position: relative;
    top: -2vw;
    left: -1.15vw;
}

.big-future-heading strong {
    display: block;
    padding-left: 14vw;
    font-size: 11.4vw;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: -2vw;
    letter-spacing: -0.1vw;
}


/* SEO PAGE SECTION START */
.two-point-new-section.seo-2point-section {
    background: #48E5A4;
    height: 100vh;
}

.seo-2point-section .two-point-logo {
    padding: 0.8vw 0 0;
}

.seo-2point-section .two-point-new-left-info {
    padding: 0 6vw 1.2vw;
}

/* .seo-2point-section .two-point-new-left-info h1 {
    margin: 0 0 1vw;
} */

.seo-marquee-section .review-mrq-section {
    padding: 1.1vw 0;
    background: #000;
}

.seo-marquee-section .review-mrq-item p {
    color: #fff;
}

.seo-marquee-section .marquee-new-part {
    background: #fff;
}

.seo-marquee-section .marquee-new-inner .marquee-tools p {
    color: #000;
}

.seo-marquee-section .marquee-new-inner .marquee-tools span i {
    color: #000;
}

.leadsper-section {
    background: #000;
    padding: 4.5vw 3.8vw;
}

.leadsper-flex-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 4.1vw;
}

.leadsper-flex-row:last-child {
    margin-bottom: 0;
}

.leadsper-flex-row:nth-child(even) {
    flex-direction: row-reverse;
}

.leadsper-col-6-left {
    width: 48.56%;
    padding: 0 0.8vw;
    margin: 0;
}

.leadsper-col-6-right {
    width: 51.35%;
    padding: 0 0.8vw;
    margin: 0;
}

.leader-text-info {
    margin: 0;
    padding: 0 3.65vw 0 0;
}

.leadsper-flex-row:nth-child(even) .leader-text-info {
    padding: 0 0 0 2.65vw;
}

.leader-text-info h1,
.leader-text-info h2,
.leader-text-info h3,
.leader-text-info h4,
.leader-text-info h5 {
    color: #fff;
    font-size: 2.71vw;
    text-transform: uppercase;
    line-height: 3.21vw;
    letter-spacing: 0.5vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
    margin: 0 0 1.2vw;
}

.leader-text-info h1 a,
.leader-text-info h2 a,
.leader-text-info h3 a,
.leader-text-info h4 a,
.leader-text-info h5 a {
    color: #fff;
}

.leader-text-info h2 a:hover {
    color: #47E5A4;
}

.page-template-seo .leader-text-info h2 span {
    color: #47E5A4;
}

.leader-text-info p {
    color: #fff;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    letter-spacing: 0.1vw;
    font-size: 1.2vw;
    line-height: 1.7vw;
}

.b2b-grap-img {
    margin: 0;
    padding: 0;
    text-align: right;
}

.b2b-grap-img img {
    width: 44.2vw;
}

.item-product-info small {
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    letter-spacing: 0.06vw;
    font-size: 0.68vw;
}

.leadsper-flex-row:nth-child(even) .leadsper-col-6-right .b2b-grap-img {
    text-align: left;
}

.pick-seo-plan-section {
    background: url('../images/pick-seo-plan-img.jpg') no-repeat;
    background-size: cover;
}

.pick-seo-plan-section h6 {
    color: #fff;
    letter-spacing: 0;
}

.pick-seo-plan-section h2 {
    color: #fff;
}

.pick-seo-plan-section .book-consultation-heading h2 a::after {
    background: #fff;
}

.pick-seo-plan-section h2 a {
    color: #fff;
}

.increase-white-section {
    background: #fff;
    padding: 4.7vw 3.8vw;
}

.increase-white-section .b2b-grap-img img {
    width: 45.55vw;
}

.increase-white-section .leader-text-info h2 {
    color: #000000;
    letter-spacing: 0.3vw;
}

.increase-white-section .leader-text-info p {
    color: #000;
    letter-spacing: 0.09vw;
}

.increase-white-section .leader-text-info {
    padding: 0px 0.65vw 0 0;
}

.white-section-second .b2b-grap-img {
    text-align: left;
}

.hubspoke-section {
    margin: 0;
    padding: 12.5vw 3.8vw 4.7vw;
    background: #000;
}

.hubspoke-fist-top {
    text-align: center;
    position: relative;
    z-index: 1;
    padding: 0 9vw 13vw;
}

.hubspoke-fist-top h1,
.hubspoke-fist-top h2,
.hubspoke-fist-top h3,
.hubspoke-fist-top h4,
.hubspoke-fist-top h5 {
    font-size: 6vw;
    line-height: 7.2vw;
    color: #fff;
    margin: 0 0 5.4vw;
}

.hubspoke-fist-top p {
    font-size: 2.76vw;
    line-height: 3.3vw;
    color: #fff;
}

.hub-background-blk {
    position: absolute;
    left: 0;
    right: 9.9vw;
    top: 3.7vw;
    z-index: -1;
}

.hub-background-blk img {
    width: 40.8vw;
}

.google-two-mid {
    padding: 0;
    position: relative;
    z-index: 1;
    margin: 0 auto 14vw;
    max-width: 59.4vw;
}

.google-two-mid h1,
.google-two-mid h2,
.google-two-mid h3,
.google-two-mid h4,
.google-two-mid h5 {
    font-size: 3.8vw;
    color: #fff;
    margin: 0 0 6.4vw;
    line-height: 4.4vw;
    text-align: center;
}

.google-two-mid p {
    color: #fff;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    font-size: 1.2vw;
    line-height: 1.7vw;
    margin: 0 0 1.25vw;
    letter-spacing: 0.03vw;
}

.columns {
    column-count: 2;
    column-gap: 2.6vw;
}

.google-two-mid .columns p {
    letter-spacing: 0.08vw;
}

.google-two-mid .hub-background-blk {
    right: auto;
    left: -20vw;
    top: -6vw;
}

.hub-background-blk img {
    width: 44.8vw;
}

.reach-three-bottom {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}

.reach-three-col-left {
    width: 50%;
}

.heading h1,
.heading h2,
.heading h3,
.heading h4,
.heading h5 {
    font-size: 3.8vw;
    color: #fff;
    margin: 0 0 5.4vw;
    line-height: 4.4vw;
}

.heading p {
    color: #fff;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    font-size: 1.2vw;
    line-height: 1.7vw;
    margin: 0 0 1.25vw;
    letter-spacing: 0.1vw;
}

.heading p:last-child {
    margin-bottom: 0;
}

b,
strong {
    font-weight: bold;
}

.reach-three-col-right {
    width: 50%;
    padding: 22.6vw 0 0 16vw;
}

.reach-three-bottom .hub-background-blk {
    left: -3.8vw;
    right: -3.8vw;
    top: -5vw;
}

.reach-three-bottom .hub-background-blk img {
    width: 100%;
}

.increase-white-section .leader-text-info.b2c-right-part {
    padding: 0 0 0 1.65vw;
}

.reviws-scroll-section.review-padding-top {
    padding-top: 8.5vw;
}

.see-more-work-section {
    margin: 0;
    padding: 8.8vw 3.8vw 9vw;
    position: relative;
    overflow: hidden;
    background: #f5f5f5;
}

.seemore-three-headline.seemore-mid-center {
    padding-left: 3vw;
}

.seemore-three-headline {
    margin: 0;
    padding: 0;
}

.seemore-flex-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.seemore-three-headline a {
    font-weight: bold;
    font-family: 'Urbanist', sans-serif;
    font-size: 7.94vw;
    line-height: 7.24vw;
    max-width: 53vw;
    display: block;
    text-align: right;
    width: 100%;
}

.seemore-three-headline {
    position: relative;
}

.seemore-three-headline::after {
    content: "";
    background: #000;
    height: 0.05vw;
    position: absolute;
    right: -200%;
    left: calc(100% - 35.4vw);
    top: 4.6vw;
}

.seemore-three-headline.seemore-mid-center::after {
    display: none;
}

.seemore-three-headline.seemore-mid-center a {
    text-align: center;
    margin: 0 auto;
}

.seemore-align-left.seemore-three-headline::after {
    right: calc(100% - 24.4vw);
    left: -200%;
}

.seemore-three-headline p {
    font-size: 1.46vw;
    max-width: 16vw;
    letter-spacing: 2.1px;
    line-height: 2vw;
    margin-left: 1.5vw;
    margin-top: 1.5vw;
}

.seemore-three-headline.seemore-align-left a {
    max-width: 46.6vw;
}

.see-more-work-section .lefs-button {
    text-align: center;
    margin-top: 5.7vw;
    width: 100%;
}

.experience-product-col-right.our-seoprocess-right {
    padding-left: 3vw;
}

.our-seoprocess-right .product-icon-cricle:hover {
    border-color: #48E5A4;
    background: #48E5A4;
}

.mobile-show-img {
    display: none;
}

/* SEO PAGE SECTION END */

.tab-ul-list ul ul.range-labels.list-range-hide li:first-child {
    display: none;
}

.features-list-table ul li td.td-three ul.range-labels.list-range-hide li:first-child {
    display: none;
}

.features-list-table ul li td.td-three ul.range-labels.list-range-hide li.active.selected:first-child {
    display: block;
}

.mobile-show-img-landspace {
    display: none;
}


/* THUMBLE-3COMMN-SECTION NEW SECTION CSS START */
.thumble-3commn-section {
    margin: 0;
    padding: 2.25vw 9.9vw 5vw;
}

.thumb-heading {
    margin: 0;
    padding: 0;
}

.thumb-heading h3 {
    font-size: 1.355vw;
    letter-spacing: 0.104vw;
    color: #000000;
    text-transform: uppercase;
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
    margin: 0 0 1.3vw;
}

.thumble-3commn-flex-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1.05vw;
    padding-top: 3.3vw;
}

.thumble-3commn-col-4 {
    width: 33.33%;
    padding: 0 1.05vw;
}

.thumble-3commn-col-info {
    margin: 0;
    padding: 0;
}

.thumble-3commn-col-info figure {
    /* cursor: url('../images/mouse-cursor.png'), auto; */
}

.thumble-3commn-col-info figure {
    margin: 0 0 1.37vw;
    padding: 0;
    position: relative;
}

.thumble-3commn-col-info figure img {
    width: 100%;
}

.thumb-logo-effect {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transition: 1s;
    text-align: center;
}

.thumble-3commn-col-info:hover .thumb-logo-effect img {
    transform: scale(1.1);
}

.case-study-portlio-col-info:hover .thumb-logo-effect img {
    transform: scale(1.1);
}

.thumb-logo-effect img {
    width: 12vw !important;
    margin: 0 auto;
    transition: 1s;
}

.thumble-3commn-col-info figcaption {
    margin: 0;
    padding: 0;
}

.thumble-3commn-col-info h6 {
    margin: 0 0 0.2vw;
    padding: 0;
    font-size: 0.73vw;
    line-height: 0.94vw;
    text-transform: uppercase;
    letter-spacing: 0.053vw;
    font-family: 'Neue Montreal Regular';
    font-weight: normal;
}

.thumble-3commn-col-info h2 {
    margin: 0 0 1vw;
    padding: 0 2vw 0 0;
    text-transform: uppercase;
    letter-spacing: 0.1vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
    font-size: 1.35vw;
    line-height: 1.875vw;
}

.thumble-3commn-col-info h2 a {
    display: block;
}

.thumble-3commn-col-info h2 a:hover {
    color: #20c997;
}

.thumble-3commn-col-info p {
    margin: 0 0 0.9vw;
    padding: 0;
    letter-spacing: 0.073vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    font-size: 1.25vw;
    line-height: 1.78vw;
}

.thumble-3commn-col-info p:last-child {
    margin-bottom: 0;
}

.inline-btn .btn {
    letter-spacing: 0.053vw;
    font-family: 'Neue Montreal Regular';
    font-weight: normal;
    font-size: 0.65vw;
}

.thumble-3commn-flex-row .slick-prev,
.thumble-3commn-flex-row .slick-next {
    top: 18vw;
    transform: none;
    width: 1.25vw;
    height: 1.25vw;
    background: none;
    border-radius: 0;
}

.thumble-3commn-flex-row .slick-next {
    border-left: none !important;
    border-bottom: none !important;
    transform: rotate(45deg);
    right: -2.4vw;
}

.thumble-3commn-flex-row .slick-prev {
    border-right: none !important;
    border-top: none !important;
    transform: rotate(45deg);
    left: -2.4vw;
}

.thumble-3commn-flex-row .slick-list.draggable {
    padding-bottom: 0.1vw;
}

/* THUMBLE-3COMMN-SECTION NEW SECTION CSS END */


.scroller-photogenics.scroller-photogenics-2.ready>* {
    -webkit-animation-duration: 24s;
    animation-duration: 24s;
}

.scroller-photogenics.scroller-photogenics-4.ready>* {
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
}

.scroller-photogenics.scroller-photogenics-6.ready>* {
    -webkit-animation-duration: 18s;
    animation-duration: 18s;
}

.scroller-photogenics.scroller-photogenics-8.ready>* {
    -webkit-animation-duration: 24s;
    animation-duration: 24s;
}

.scroller-photogenics.scroller-photogenics-9.ready>* {
    -webkit-animation-duration: 16s;
    animation-duration: 16s;
}

.scroller-photogenics.scroller-logo.ready>* {
    -webkit-animation-duration: 24s;
    animation-duration: 24s;
}


.modal-projects-popup .modal-dialog {
    max-width: 100%;
    margin: 0;
    height: 100%;
}

button.btn-close {
    position: absolute;
    right: 10px;
    z-index: 1;
    top: 10px;
}

.modal-projects-popup .modal-dialog .modal-content {
    border-radius: 0;
    border: none;
    height: 100%;
}

.modal-projects-popup .photogenics-tab-section {
    height: 100%;
}

.modal-projects-popup .photogenics-warp-flex {
    height: 100%;
}

.modal-projects-popup .modal-dialog .modal-content .modal-body {
    padding: 0;
}

.modal-projects-popup .photogenics-left-col-6 {
    width: 33.3333333%;
}

.modal-projects-popup .photogenics-right-col-6 {
    width: 66.6666667%;
}

.modal-projects-popup .before-after-tool {
    justify-content: space-between;
}

.modal-projects-popup .before-after-tool-col-6 {
    width: 43%;
}

.modal-projects-popup .point-theme-warp-flex {
    max-width: 47.4vw;
}


.indexhome-section {
    display: none;
}

.indexhome-section.displayblock-show {
    display: block;
}

.displaynone-hide {
    display: none;
}

.close-tab-btn {
    position: absolute;
    right: 2vw;
    top: 1vw;
    cursor: pointer;
    width: 2vw;
    height: 2vw;
    z-index: 11;
    transition: .35s;
    background: #000;
    padding: 0.4vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    border-radius: 6vw;
}

.close-tab-btn img {
    /* filter: invert(1); */
    max-width: 0.8vw;
}

.close-tab-btn:hover {
    opacity: 0.7;
}

.close-tab-btn.desktop-hide {
    display: none;
}

video.hover-image-show {
    width: 100%;
    max-height: 28vw;
}



/* EMAIL PAGE CSS START */
.two-point-new-section.emailpge-hdr-2point-section {
    background: #2768F5;
    height: 100vh;
}

.aninated-page-load .emailpge-hdr-2point-section .two-point-logo a {
    color: #fff;
    display: block;
}

.emailpge-hdr-2point-section .two-point-new-left-info p {
    padding: 0;
}

.aninated-page-load .emailpge-hdr-2point-section .two-point-new-left-info p {
    color: #fff;
}

.emailpge-hdr-2point-section .two-point-new-left-info {
    padding: 1.2vw 4vw;
}

.aninated-page-load .emailpge-hdr-2point-section .two-point-new-left-info h1 {
    color: #fff;
}

.aninated-page-load .emailpge-hdr-2point-section .nav-manu-new ul li a {
    color: #fff;
}

.aninated-page-load .emailpge-hdr-2point-section .two-point-new-bdr-top {
    border-top: 0.1vw #fff solid;
}

.aninated-page-load .emailpge-hdr-2point-section .two-point-new-d-left-middle {
    border-right: 0.1vw #fff solid;
}

.aninated-page-load .emailpge-hdr-2point-section .btn-href-link {
    color: #fff;
}

.emailpge-hdr-2point-section .progress__circle,
.emailpge-hdr-2point-section .progress__path {
    stroke: #fff;
}

.emailpge-hdr-2point-section .progress__path {
    stroke: #fff;
}

.emailleadsper-section .b2b-grap-img {
    border: 1px #2768F5 solid;
}

.leader-text-info h2 span {
    color: #2768F5;
}

.emailleadsper-section .leadsper-col-6-left {
    width: 50%;
}

.emailleadsper-section .leadsper-col-6-right {
    width: 50%;
}

.our-emailprocess-right .product-icon-cricle:hover {
    border-color: #2768F5;
    background: #2768F5;
}

.our-emailprocess-right .product-icon-cricle:hover img {
    filter: invert(1);
}

.tabbing-menu-item ul li.btn-text-white.process-tab-active a span {
    color: #fff;
}

.tabbing-menu-item ul li.btn-text-white.process-tab-active a strong img {
    filter: invert(1);
}

.active .amm-tabbing-flx-content-info.info-text-white h4,
.active .amm-tabbing-flx-content-info.info-text-white h3,
.active .amm-tabbing-flx-content-info.info-text-white p {
    color: #fff;
}

.email-faq-section {
    margin: 0;
    padding: 6vw 14vw;
    background: #2668F5;
}

.faq-heading {
    margin: 0 0 4.7vw;
    padding: 0;
    text-align: center;
}

.faq-heading h1,
.faq-heading h2,
.faq-heading h3,
.faq-heading h4,
.faq-heading h5 {
    margin: 0;
    padding: 0;
    font-size: 6vw;
    line-height: 6.3vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    color: #fff;
}

.faq-heading h6 {
    margin: 0;
    padding: 0;
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
    font-size: 1.88vw;
    line-height: 2.2vw;
    letter-spacing: 0.1vw;
    color: #fff;
}

.faq-heading p {
    color: #fff;
    font-size: 1.46vw;
    line-height: 1.98vw;
    margin-top: 1.68vw;
    letter-spacing: 0.15vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
}

.faq-item {
    margin: 0;
    padding: 2.6vw 0;
    border-top: 0.1vw #fff solid;
}

.faq-item:last-child {
    border-bottom: 0.1vw #fff solid;
}

.faq-item__title {
    margin: 0;
    padding: 0 2vw 0 0;
    position: relative;
    cursor: pointer;
}

.faq-item__title::after {
    content: "";
    background: url('../images/up-arrow-black.svg') no-repeat;
    position: absolute;
    top: 5px;
    right: 0;
    width: 1.3vw;
    height: 1.3vw;
    background-size: 100% !important;
}

.faq-item.open .faq-item__title::after {
    background: url('../images/down-arrow-black.svg') no-repeat;
}

.faq-item__title h4 {
    color: #fff;
    font-size: 1.88vw;
    line-height: 2.2vw;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Urbanist', sans-serif;
    margin: 0;
    padding: 0;
}

.faq-item__content {
    display: none;
    padding-right: 0;
    margin-top: 1.55vw;
}

.faq-item__content p {
    color: #fff;
    font-weight: 300;
    font-family: 'Urbanist', sans-serif;
    letter-spacing: 1.7px;
    font-size: 1.2vw;
    line-height: 1.75vw;
    letter-spacing: 0.089vw;
}

.see-more-link {
    text-align: center;
    margin-top: 3.1vw;
}

.see-more-link .btn-href-link {
    color: #fff;
}

.see-more-link .progress__circle,
.see-more-link .progress__path {
    stroke: #fff;
}

.see-more-link .progress__path {
    stroke: #fff;
}

.see-more-link .progress-cricle-svg {
    left: auto;
    right: 0;
}

.see-more-link .btn-href-link img {
    left: auto;
    right: 0;
}

span.see-more {
    display: block;
    padding-right: 2.1vw;
    line-height: 4.6vw;
    position: relative;
    z-index: 1;
    font-family: 'Neue Montreal Light';
    font-weight: 300;
}

.faq-scroll.show-more-height {
    height: 44.2vw;
    overflow: hidden;
    position: relative;
}

.leadsper-white-big-part .leadsper-col-6-right {
    width: 57.75%;
}

.leadsper-white-big-part .leadsper-col-6-left {
    width: 41.56%;
}

.increase-white-section.leadsper-white-big-part .b2b-grap-img img {
    width: 100%;
}

.split-strategy-section {
    margin: 0;
    padding: 2.3vw 0 0 0;
    background: #000000;
    position: relative;
}

.split-strategy-section .faq-heading {
    padding: 0 16.1vw;
    margin: 0;
}

.split-strategy-container {
    margin: 0;
    padding: 0;
}

.split-strategy-zoom.big-zoom-img {
    width: auto;
}

.split-strategy-item-row {
    margin: 0;
    padding: 2.6vw 0;
    display: flex;
    flex-wrap: wrap;
    border-top: 0.1vw #2768F5 solid;
}

.split-strategy-item-left {
    width: 45%;
}

.split-strategy-item-right {
    width: 55%;
}

.split-strategy-item-info {
    margin: 0;
    padding: 0 13vw 0 0;
}

.split-strategy-item-info h4 {
    margin: 0 0 1vw;
    padding: 0;
    color: #fff;
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.35vw;
    line-height: 1.667vw;
    letter-spacing: 0.1vw;
}

.split-strategy-item-info p {
    margin: 0;
    padding: 0;
    color: #fff;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    letter-spacing: 0.09vw;
    font-size: 1.2vw;
    line-height: 1.7vw;
}

.split-strategy-zoom {
    margin: 0 0 0 auto;
    padding: 0;
    position: relative;
    transform-origin: top right;
}

.split-strategy-zoom img {
    width: 100%;
}

.play-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 3.8vw;
    height: 3.8vw;
    border: 0.1vw #fff solid;
    border-radius: 100vw;
    cursor: pointer;
}

.play-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 0.8vw;
    height: 0.8vw;
    border-left: 0.8vw #fff solid;
    border-bottom: 0.7vw transparent solid;
    border-top: 0.7vw transparent solid;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translateY(-50%);
}

.split-strategy-section .global-second-headline::after {
    left: -200%;
    right: calc(100% - 28.4vw);
}

.split-strategy-section .global-second-headline .global-heading {
    margin: 0 0 0 auto;
    max-width: 62vw;
}

.split-strategy-section .global-heading h1,
.split-strategy-section .global-heading h2,
.split-strategy-section .global-heading h3,
.split-strategy-section .global-heading h4,
.split-strategy-section .global-heading h5 {
    line-height: 4.75vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
}


/* EMAIL PAGE CSS END */


.split-strategy-bgblack {
    padding: 5.3vw 3.5vw 4.7vw;
}

.split-strategy-scroll {
    padding: 0 3.5vw 4.8vw;
}

.split-strategy-item-row {
    background: #000;
    position: relative;
    overflow: hidden;
}

.active .projects-item.split-strategy-item-row {
    position: sticky;
    top: 150px;
}

.split-strategy-item-right {
    transform-origin: top right;
}

.split-strategy-item-info p {
    transform-origin: top left;
}

.projects-item.split-strategy-item-row:last-child {
    height: auto !important;
}

.split-strategy-scroll .tab-content {
    margin-bottom: 1.8vw;
}

.split-strategy-scroll .tab-item.w-dyn-item {
    border-top: 0.1vw #2768F5 solid;
    padding-top: 1.6vw;
}

.tab-image-new .tab-image {
    transform-origin: right top;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    object-position: right top;
}

.tab-image-new {
    width: 17.4vw;
    text-align: right;
    position: relative;
    margin: 0 auto;
}

.playiconslit {
    height: 100%;
    width: 100%;
}



/*  */
.split-strategy-scroll .tab-item.w-dyn-item.content-hide-scroll {
    border-top: 0;
    padding-top: 0;
}

.content-hide-scroll .faq-heading p {
    margin-top: 0;
}

.content-hide-scroll .tab-top.split-strategy-item-info {
    padding-right: 0;
    padding-top: 2.3vw;
}


.content-hide-scroll .tab-top.split-strategy-item-info .faq-heading {
    padding: 0;
}

h3#headline {
    opacity: 1 !important;
    visibility: visible !important;
}


.our-emailprocess-right .product-icon-cricle img {
    width: 3vw;
    height: 2.2vw;
}

#hidden-scroll {
    overflow-y: hidden;
    height: 100%;
}

.show-scroll {
    overflow-y: auto !important;
    height: auto !important;
}


/* SOCAIL PAGE CSS START */
.two-point-new-section.socialpage-hdr-2point-section {
    background: #FAB4BF;
    height: 100vh;
}

.socialpage-hdr-2point-section .two-point-new-left-info {
    padding: 0vw 1vw 3vw;
}

.socialpage-hdr-2point-section .two-point-new-left-info h1 {
    /* font-family: 'Urbanist', sans-serif;
    font-weight: 300; */
    font-family: urbanist regular;
    font-weight: 400;
}

.socialpage-hdr-2point-section .two-point-new-left-info p {
    padding: 0 3vw;
    margin: 0 0 1vw;
}

.socialpage-hdr-2point-section .two-point-logo {
    /* padding: 1vw 0 0;
    line-height: 8.5vw; */
}

.socialeadsper-section .leader-text-info h2 span {
    color: #FAB4BF;
}

.socialeadsper-section .leader-text-info h1,
.socialeadsper-section .leader-text-info h2,
.socialeadsper-section .leader-text-info h3,
.socialeadsper-section .leader-text-info h4,
.socialeadsper-section .leader-text-info h5 {
    letter-spacing: 0.2vw;
}

.socialeadsper-section .leader-text-info {
    margin: 0;
    padding: 0 1vw 0 0;
}

.socialeadsper-section .leadsper-flex-row:nth-child(even) .leader-text-info {
    padding: 0 0 0 1.65vw;
}

.our-socialprocess-right .product-icon-cricle img {
    width: 1.6vw;
    height: 1.6vw;
}

.our-socialprocess-right .product-icon-cricle:hover {
    border-color: #FBB4BE;
    background: #FBB4BE;
}

.social-media-pick-section {
    background: url('../images/pick-seo-plan-img.jpg') no-repeat;
    background-size: cover;
    padding: 13vw 0;
}

.social-media-pick-section h6 {
    color: #fff;
    letter-spacing: 0;
}

.social-media-pick-section h2 {
    color: #fff;
    font-size: 132px;
    font-size: 6.88vw;
}

.social-media-pick-section .book-consultation-heading h2 a::after {
    background: #fff;
}

.social-media-pick-section h2 a {
    color: #fff;
}

.leader-text-info.social-leader-text-info h2 span {
    color: #fab4bf;
}

.tab-image-new.tab-horizontal-50-rlt {
    width: 50%;
    text-align: right;
    position: relative;
    margin: 0 auto;
}

.platform-specific-section {
    background: #000;
}

.platform-specific-section .faq-heading {
    max-width: 46vw;
    margin: 0 auto 3.28vw;
}

.laptop-dives-container {
    margin: 0 auto;
    max-width: 77.95vw;
    position: relative;
}

.laptop-dives-container img {
    width: 100%;
}

.laptopvideo-hp {
    position: absolute;
    bottom: 0;
    top: -4.5vw;
    left: 6.7vw;
    right: 7.9vw;
}

.laptopvideo-hp video {
    width: 100%;
    height: 100%;
}

.social-youtube-section {
    margin: 0;
    padding: 6.8vw 7.7vw;
    background: #000;
}

.social-youtube-warp {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.social-youtube-col-lft {
    margin: 0;
    padding: 0 5vw 0 0;
    width: 45.1%;
}

.social-youtube-col-rlt {
    margin: 0;
    padding: 0;
    width: 54.9%;
}

.social-youtube-col-item {
    margin: 0;
    padding: 0;
}

.social-youtube-col-item h4 {
    color: #FAB4BF;
    font-size: 2.70vw;
    line-height: 2.70vw;
    text-transform: uppercase;
    font-family: 'Urbanist', sans-serif;
    font-weight: 500;
    letter-spacing: 0.25vw;
    margin: 0 0 1.2vw;
}

.social-youtube-col-item p {
    color: #fff;
    font-size: 1.2vw;
    line-height: 1.7vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    letter-spacing: 0.09vw;
}

.social-youtube-img-slide {
    margin: 0;
    padding: 0;
    position: relative;
}

.social-youtube-img-slide img {
    margin: 0;
    padding: 0;
    width: 100%;
}

.slide-menu-list {
    position: absolute;
    right: 2.7vw;
    background: #000;
    border-radius: 1vw;
    padding: 0.4vw;
    bottom: 1.9vw;
    left: 2.7vw;
    z-index: 11;
}

.slide-menu-list ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}

.slide-menu-list ul li {
    margin: 0 0.05vw;
    padding: 0;
    color: #fff;
    display: block;
    letter-spacing: 0.04vw;
    font-family: 'Neue Montreal Medium';
    width: 16.32%;
    text-align: center;
    border-radius: 0.6vw;
    text-transform: uppercase;
}

.slide-menu-list ul li a {
    margin: 0;
    color: #fff;
    padding: 1vw 0vw;
    border-radius: 0.6vw;
    display: block;
    width: 100%;
}

.podcast-style-section {
    margin: 0;
    padding: 7.4vw 4.14vw 7.0vw;
    background: #FAB4BF;
}

.podcast-latest-bgsrp {
    background: #fff;
    padding: 4.15vw 4.5vw 2.65vw 5.55vw;
    margin: 0 auto 10.2vw;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 85.313vw;
}

.podcast-latest-col-lft {
    width: 60%;
    padding-right: 5vw;
}

.podcast-latest-col-info h6 {
    padding: 0;
    text-transform: uppercase;
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
    letter-spacing: 0.05vw;
    font-size: 1.35vw;
    margin: 0 0 0.4vw;
}

.podcast-latest-col-info h3 {
    padding: 0;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    font-size: 3.18vw;
    line-height: 3.18vw;
    margin: 0 0 0.75vw;
}

.podcast-latest-col-info p {
    color: #000;
    font-size: 1.2vw;
    line-height: 1.7vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    letter-spacing: 0.09vw;
}

.podcast-latest-col-rlt {
    margin: 0;
    padding: 0;
    width: 40%;
}

.podcast-animation-img {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 auto;
    position: relative;
}

.animation-img-02 {
    width: 6.77vw;
    margin-right: -1.9vw;
    background: #191919;
}

.animation-img-02 img {
    opacity: 0.50;
}

.animation-img-01 {
    width: 5.8vw;
    margin-right: -1.8vw;
    background: #2B2B2B;
}

.animation-img-01 img {
    opacity: 0.10;
}

.animation-img-03 {
    position: relative;
    z-index: 2;
    width: 9.25vw;
}

.animation-img-04 {
    width: 6.8vw;
    margin-left: -2.3vw;
    position: relative;
    background: #191919;
    z-index: 1;
}

.animation-img-04 img {
    opacity: 0.50;
}

.animation-img-05 {
    width: 5.8vw;
    margin-left: -1.5vw;
    background: #2B2B2B;
}

.animation-img-05 img {
    opacity: 0.10;
}

.maik-icon {
    position: absolute;
    width: 3.23vw;
    top: 1.55vw;
    right: -1.55vw;
}

.camera-icon {
    position: absolute;
    z-index: 1;
    bottom: -2vw;
    width: 3.23vw;
    left: 6.65vw;
}

.podcast-animation-img img {
    width: 100%;
}

.delivers-list-wrp {
    text-align: center;
    margin: 0 0 5.4vw;
}

.delivers-list-wrp h4 {
    color: #000;
    font-size: 2.70vw;
    line-height: 2.70vw;
    text-transform: uppercase;
    font-family: 'Urbanist', sans-serif;
    font-weight: 500;
    letter-spacing: 0.25vw;
    margin: 0 0 2.7vw;
}

.delivers-list-wrp ul {
    margin: 0;
    padding: 0;
}

.delivers-list-wrp ul li {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
    font-size: initial;
}

.delivers-hover-effect {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.delivers-hover-effect h6 {
    font-size: 6vw;
    line-height: 6.3vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    margin: 0.5vw 1.8vw;
}

.delivers-hover-effect p {
    color: #000;
    font-size: 1.2vw;
    line-height: 1.7vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    letter-spacing: 0.09vw;
    width: 19vw;
    text-align: left;
    display: none;
    padding-top: 1vw;
}

.delivers-list-wrp ul li:nth-child(4) .delivers-hover-effect p {
    padding-top: 2vw;
}

.delivers-hover-effect:hover h6 {
    color: #fff;
}

.delivers-hover-effect:hover p {
    display: block;
}

.concept-podcast-bottom {
    padding: 0;
    margin: 0;
}

.concept-podcast-bottom h3 {
    line-height: 3.8vw;
    font-size: 3.8vw;
    margin: 0 0 1.6vw;
    padding: 0 0 1.6vw;
    position: relative;
}

.concept-podcast-bottom h3::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 0%;
    left: 0;
    height: 0.15vw;
    background: #000;
    transition: 1s;
}

.concept-podcast-bottom h3.aos-init.aos-animate::after {
    width: 100%;
}

.concept-podcast-bottom p {
    margin: 0;
    padding: 0 0 0 26.57vw;
    font-size: 2.084vw;
    line-height: 2.64vw;
    font-family: 'Neue Montreal Regular';
    font-weight: normal;
}

.repurposing-social-section {
    margin: 0;
    padding: 7.4vw 4.14vw 6.6vw;
    background: #000;
}

.repurposing-social-section .faq-heading {
    margin: 0 auto 4.7vw;
    max-width: 68.5vw;
}

.reel-platform-flex-warp {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 3vw;
    position: sticky;
    top: 25px;
}

.social-reelflex-col-6 {
    width: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.social-reelflex-info {
    margin: 0;
    padding: 10vw 5vw;
    text-align: center;
}

.social-reelflex-info h4 {
    margin: 0 0 2.47vw;
    ;
    padding: 0;
    color: #FAB4BF;
    font-size: 2.70vw;
    line-height: 2.70vw;
    text-transform: uppercase;
    font-family: 'Urbanist', sans-serif;
    font-weight: 500;
    letter-spacing: 0.25vw;
}

.social-reelflex-info p {
    color: #000;
    font-size: 1.2vw;
    line-height: 1.7vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    letter-spacing: 0.09vw;
    padding: 0 2vw;
}

.social-reelflex-img {
    margin: 0;
    padding: 0;
    width: 100%;
}

.social-reelflex-img img {
    width: 100%;
}

.reel-platform-block-part .social-reelflex-col-6 {
    background: #191919;
}

.reel-platform-block-part .social-reelflex-info p {
    color: #fff;
}

#social-pmm-content .amm-tabbing-flx-content-info h3,
#animation-pmm-content .amm-tabbing-flx-content-info h3,
#branding-pmm-content .amm-tabbing-flx-content-info h3 {
    font-size: 5vw;
    line-height: 6.2vw;
}

.unique-strategy-section .split-strategy-scroll .tab-item.w-dyn-item {
    border-top-color: #fab4bf;
}

/* SOCAIL PAGE CSS END */

.podcast-latest-container {
    position: relative;
    margin: 0 auto;
    max-width: 27vw;
}

.podcast-animation-img .item.slick-slide {
    transition: transform .4s;
    position: relative;
    height: 16.5vw;
    width: 9.22vw;
}

.podcast-animation-img .slick-slide:after {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    transition: transform .4s;
}

.podcast-animation-img .item.slick-slide {
    transform: scale(0.7) translate(-25.04vw);
}

.podcast-animation-img .item.slick-slide.slick-center+.slick-slide {
    transform: scale(0.8) translate(-18.2vw);
    z-index: 10;
}

.podcast-animation-img .item.slick-slide.slick-center+.slick-slide+.item.slick-slide {
    transform: scale(0.7) translate(-41.05vw);
    z-index: 5;
}

.podcast-animation-img .item.slick-slide.slick-active {
    position: relative;
    z-index: 1;
    transform: scale(0.8) translate(18vw);
}

.podcast-animation-img .item.slick-slide.slick-center {
    transform: scale(1);
    z-index: 30;
}

.podcast-animation-img .item.slick-slide.slick-cloned:first-child,
.podcast-animation-img .item.slick-slide.slick-cloned:first-child+.slick-cloned,
.podcast-animation-img .item.slick-slide.slick-cloned:first-child+.slick-cloned+.slick-cloned {
    opacity: 0;
}

.podcast-animation-img .slick-center:after {
    opacity: 0;
}

.casestudies-marquee-section .marquee-thework-line span {
    line-height: 6.094vw;
    font-size: 7.34vw;
}

.case-studies-linked .btn-href-link {
    color: #fff;
    font-size: 1.5vw;
}

.case-studies-linked .progress__circle,
.case-studies-linked .progress__path {
    stroke: #fff;
}

.case-studies-linked .progress__path {
    stroke: #fff;
}

.case-studies-linked .progress-cricle-svg {
    left: calc(50% - -3.44vw);
    width: 4.5vw;
    height: 4.5vw;
    top: calc(50% - 2.1vw);
}

.case-studies-linked .btn-href-link img {
    width: 4.7vw;
    left: calc(50% - -3.44vw);
    top: calc(50% - 2.1vw);
}

.popup-url-link {
    text-align: right;
    padding-top: 1.6vw;
}

.popup-url-link .linked-all {
    color: #000;
}

.slides-numbers {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 2.1vw 0 1.6vw;
}

.slides-numbers span {
    font-size: 1.34vw;
    font-weight: bold;
    font-family: 'Urbanist', sans-serif;
}

span.line-slide {
    display: inline-block;
    background: #000;
    margin: 0 0.85vw;
    width: 6.5vw;
    height: 0.1vw;
}

.case-studies-linked {
    padding-top: 1vw;
}

.social-follow-tabbing-mobile {
    display: none;
}

.indexhome-section.displayblock-show {
    height: 100vh;
}

.indexhome-section.displayblock-show .photogenics-warp-flex {
    height: 100%;
}

/* 14-02-2024 */
body,
html {
    margin: 0;
}

.scroller {
    height: 100vh;
}

.social-black-scroll {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #070707;
}

.social-youtube-col-warp-lft {
    position: relative;
    overflow: hidden;
    height: 31.55vw;
    width: 45.1%;
}

.scrollpanel-text {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #070707;
    transform: translateY(100%);
    opacity: 0;
    padding: 0 5vw 0 0;
    z-index: inherit !important;
}

.social-youtube-col-warp-rlt {
    position: relative;
    overflow: hidden;
    width: 54.9%;
    height: 31.55vw;
}

.scroll-imgpanel {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.panel._2 {
    z-index: 1;
}

.scroll-imgpanel img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.scroll-imgpanel.linkdin-text {
    width: 100% !important;
}

.scrollpanel-text.linkdin-text {
    opacity: 1 !important;
}


/* PORTFOLIO CASE STUDY SECTION START */
.two-point-new-section.home-index-page.portfolio-case-study-header {
    background: #000;
    height: calc(100vh - 26.65vw);
}

.home-index-page.portfolio-case-study-header .two-point-new-d-left-middle {
    border-right: none;
}

.portfolio-case-tab-section {
    margin: 0;
    padding: 0;
    position: relative;
}

.portfolio-menu-tab {
    margin: 0;
    padding: 0 0 3.4vw;
    background: #000;
}

.portfolio-menu-tab ul {
    margin: 0;
    padding: 0;
    justify-content: center;
}

.portfolio-menu-tab ul li {
    margin: 0 7.2vw 0 0;
    padding: 0;
}

.portfolio-menu-tab ul li:last-child {
    margin-right: 0;
}

.portfolio-menu-tab ul li a {
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 3.23vw;
    line-height: 3.23vw;
    letter-spacing: 0.5vw;
    color: #fff;
    opacity: 0.30;
}

.portfolio-menu-tab ul li a.active,
.portfolio-menu-tab ul li a:hover {
    opacity: 1;
}

.portfolio-menu-tab ul li a img {
    width: 2.35vw;
    margin-top: -0.5vw;
}

.portfolio-the-section {
    margin: 0;
    padding: 0 0 2vw;
}

.portfolio-scrolling-text {
    height: auto;
    position: relative;
    overflow: hidden;
    padding: 2.4vw 0;
}

.portfolio-scrolling-text .marquee-thework-line span {
    line-height: 15.34vw;
    padding: 0px 8.565vw 0px 6.1vw;
    font-size: 15.34vw;
    -webkit-text-stroke-color: #000;
    color: #000;
}

.portfolio-scrolling-text .marquee-thework-line span::after {
    width: 2.875vw;
    height: 2.875vw;
    left: -2.84vw;
}

.portfolio-scrolling-text .marquee-thework-line {
    position: relative;
    width: 1200vw;
}

.port-case-under-tabbing {
    margin: 0;
    padding: 0 3.9vw;
}

.portliat-menu {
    padding: 0;
    background: #000;
    display: inline-block;
    border-radius: 1vw;
    margin: 0 0 2.9vw;
}

.portliat-menu ul {
    padding: 0;
    margin: 0;
}

.portliat-menu ul li {
    margin: 0;
    padding: 0.413vw;
}

.portliat-menu ul li a {
    display: block;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Urbanist', sans-serif;
    color: #fff;
    padding: 1.01vw 1.25vw;
    border-radius: 0.6vw;
    letter-spacing: 0.053vw;
    font-size: 0.834vw;
}

.portliat-menu ul li a.active {
    background: #fff;
    color: #000;
}

.portfolio-all-item-warp {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.78vw 2.2vw;
}

.portfolio-all-item-col-4 {
    width: 25%;
    padding: 0 0.78vw 3.65vw;
}

.portfolio-all-item-col-info {
    margin: 0;
    padding: 0;
}

.portfolio-all-item-col-info a {
    display: block;
}

.portfolio-all-item-col-info figure {
    margin: 0 0 0.9vw;
    padding: 0;
    position: relative;
    overflow: hidden;
}

.portfolio-all-item-col-info figure img {
    width: 100%;
}

.portfolio-all-item-col-info h3 {
    color: rgba(0, 0, 0, 0.4);
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1vw;
    font-size: 1.35vw;
    line-height: 1.35vw;
}

.portfolio-all-item-col-info:hover h3 {
    color: rgba(0, 0, 0, 1);
}

.case-study-page-section {
    background: #000;
    padding-bottom: 7.9vw;
}

.case-study-page-section .portfolio-scrolling-text .marquee-thework-line span {
    -webkit-text-stroke-width: 0.1vw;
    -webkit-text-stroke-color: #fff;
    color: #000;
    font-size: 12.385vw;
    line-height: 12.385vw;
    padding: 0px 6.265vw 0px 3.9vw;
}

.case-study-page-section .portfolio-scrolling-text .marquee-thework-line span::after {
    left: -2.1vw;
}

.case-study-portlio-warp {
    margin: 0;
    padding: 0 1.8vw;
    display: flex;
    flex-wrap: wrap;
}

.case-study-portlio-col-3 {
    width: 33.33%;
    padding: 0 1.05vw 5vw;
    margin: 0;
}

.case-study-portlio-col-info {
    margin: 0;
    padding: 0;
}

.case-study-portlio-col-info figure {
    margin: 0 0 1.37vw;
    padding: 0;
    position: relative;
}

.case-study-portlio-col-info figure img {
    width: 100%;
}

.case-study-portlio-col-info h4 {
    color: #fff;
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
    /* text-transform: uppercase; */
    letter-spacing: .11vw;
    font-size: 1.35vw;
    line-height: 1.85vw;
    margin: 0 0 1vw;
    opacity: 0.5;
}

.case-study-portlio-col-info h4 a {
    color: #fff;
}

.case-study-portlio-col-info p {
    color: #fff;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    letter-spacing: 0.1vw;
    font-size: 1.25vw;
    line-height: 1.75vw;
    opacity: 0.5;
}

.case-study-portlio-col-info:hover h4,
.case-study-portlio-col-info:hover p {
    opacity: 1;
}

.case-study-page-section a.btn-href-link {
    color: #fff;
}

.case-study-page-section .progress__circle,
.case-study-page-section .progress__path {
    stroke: #fff;
}

.case-study-page-section .progress__path {
    stroke: #fff;
}

.footer-section.portflio-footer-section {
    padding-top: 3.9vw;
}

.digital-protfolio .digital-under-absulate {
    padding-top: 10.5vw;
}

.portfolio-case-tab-section .lefs-button {
    width: 100%;
}

.portfolio-dropdown {
    display: none;
}

@media (min-width:768px) {
    ul.nav.portliat-menu-list {
        display: flex !important;
    }
}

/* PORTFOLIO CASE STUDY SECTION END */

/* ABOUT PAGE SECTION START */
.about-header {
    margin: 0;
    padding: 0;
    position: relative;
    background: #000;
}

.about-logo {
    margin: 0 auto;
    padding: 6.25vw 0 0;
    text-align: center;
    border-top: 0;
    width: 56%;
}

.about-logo p,
.about-header .about-logo h1 {
    margin: 0 0 20px;
    padding: 0;
    color: #fff;
    font-size: 3.906vw;
    line-height: 4.427vw;
    letter-spacing: 0;
    font-family: 'Urbanist Light';
    font-weight: 300;
    text-transform: unset;
}

.about-logo p:last-child,
.about-header .about-logo h1:last-child {
    margin-bottom: 0;
}

.about-logo h1 {
    color: #fff;
    text-transform: uppercase;
    font-family: 'Open Sans Bold';
    font-weight: bold;
    font-size: 5.2vw;
    line-height: 7.09vw;
    letter-spacing: 1.09vw;
}

.aboutvideo-section {
    margin: 0;
    padding: 0;
    background: #000;
}

.aboutvideo-section .lefs-button {
    text-align: center;
}

.aboutvideo-section a.btn-href-link {
    color: #fff;
}

.aboutvideo-section .progress__circle,
.aboutvideo-section .progress__path {
    fill: none;
    stroke: #fff;
    stroke-width: 1px;
}

.aboutvideo-section .progress__path {
    stroke: #fff;
}

.reviews-about-section {
    margin: 0;
    padding: 8vw 0 7.5vw;
    background: #000;
}

.abt-review-item {
    margin: 0;
    padding: 0;
    filter: blur(5px);
    transition: 0.7s;
    transform: scale(0.8);
}

.abt-review-item.slick-active {
    filter: blur(0px);
    transform: scale(1);
}

.abt-review-item-info {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    max-width: 32vw;
}

.abt-review-item-info p {
    padding: 0 0 1.2vw;
    margin: 0;
    color: #fff;
    font-family: 'Urbanist', sans-serif;
    font-size: 2.03vw;
    line-height: 2.63vw;
}

.abt-review-item-info p i {
    font-family: 'Abril Fatface', serif;
}

.abt-review-item-info i.fa.fa-star {
    margin: 0 0.2vw;
    font-size: 1.65vw;
    color: #fff;
}

.abt-review-item-info span {
    display: block;
    margin: 0 0 0.7vw;
}

.reviewlogo {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 21.2vw;
    align-items: center;
    margin: 0 auto;
}

.reviewlogo img {
    width: 50%;
}

.reviews-thumb-slider .slick-list {
    padding: 0 25vw !important;
}


.about-what-do-section {
    margin: 0;
    padding: 0;
}

.about-heading {
    text-align: center;
    mix-blend-mode: difference;
}

.about-heading h2 {
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 2.7vw;
    line-height: 2.4vw;
    letter-spacing: 0.271vw;
}


.about-what-do-section {
    background-color: #EBEDF2;
    padding: 3.302vw 0 0;
}

.textarrow-scroll-main {
    margin-top: -3vw;
    margin-bottom: -4vw;
}

.bg-black {
    background: #000000;
}

.about-heading h2 {
    color: #fff;
    padding: 0;
    margin: 0;
    position: relative;
    mix-blend-mode: difference;
}

.about-scroll-list-item {
    font-size: 7.916vw;
    line-height: 9.5vw;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Neue Montreal Regular';
    font-weight: normal;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0;
    list-style-type: none;
    font-stretch: 400%;
    text-transform: uppercase;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    background: #ebedf2;

}

.about-scroll-list-item a {
    color: #000;
    /* cursor: url(../images/list-cur.png), pointer; */
}

.about-leadership-section {
    background-color: #000;
    padding: 7.917vw 4.635vw 6vw 3.594vw;
}

.about-leadership-right {
    width: 60.469vw;
}

.about-leadership-heading {
    width: 29.906vw;
    padding-top: 4.327vw;
}

.about-leadership-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.about-leadership-heading h2 {
    color: #fff;
    font-size: 5.99vw;
    line-height: 7.2vw;
    margin: 0 0 1.927vw 0;
}

.about-leadership-heading p {
    color: #fff;
    font-size: 1.198vw;
    line-height: 1.719vw;
    letter-spacing: 1.725px;
    padding-right: 3.125vw;
}

.about-leadership-right {
    width: 60.469vw;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.about-leadership-text-card {
    background-color: #1A1A1A;
    padding: 3.333vw 2.5vw 2vw 3.646vw;
    position: absolute;
    top: 100%;
    width: 100%;
    transition: 1s ease-in-out;
    visibility: hidden;
}

.about-leadership-team-card {
    width: calc(50% - 14.5px);
    position: relative;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 0;
}

.about-leadership-team-card:hover .about-leadership-text-card {
    top: 0;
    visibility: visible;
    opacity: 1;
}

.about-leadership-user-info {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 0 2.24vw 0;
}

.leader-img {
    width: 6.25vw;
    height: 6.25vw;
}

.leader-img img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-leadership-user-name {
    padding-left: 1.302vw;
}

.about-leadership-user-name h5 {
    color: #fff;
    font-size: 1.25vw;
    line-height: 1.2;
    margin-bottom: 0.521vw;
}

.about-leadership-user-name p {
    color: #fff;
    font-size: 0.833vw;
    line-height: 1;
    margin-bottom: 0.521vw;
    font-family: 'Neue Montreal Regular';
    font-weight: normal;
}

.about-leadership-user-name a {
    color: #2768F5;
    font-family: 'Neue Montreal Regular';
    font-weight: normal;
    text-decoration: underline;
    transition: color .34s;
}

.about-leadership-user-name a:hover {
    color: #fff;
}

.about-leadership-content p {
    color: #fff;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    font-size: 0.99vw;
    line-height: 1.51vw;
    letter-spacing: 1.425px;
}

.about-leadership-content p:not(:last-child) {
    margin: 0 0 1.667vw;
}

.about-leadership-team-media {
    height: 27.24vw;
    width: 100%;
}

.about-leadership-team-media figure {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

.about-leadership-team-media figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-leadership-team-name {
    margin-top: 1.667vw;
}

.about-leadership-team-name h5 {
    color: #fff;
    font-size: 1.25vw;
    line-height: 1.2;
    margin-bottom: 0.521vw;
}

.about-leadership-team-name p {
    color: #fff;
    font-size: 0.833vw;
    line-height: 1;
    margin-bottom: 0.521vw;
    font-family: 'Neue Montreal Regular';
    font-weight: normal;
}

.about-leadership-team-name .team-read-bio-mobile {
    color: #fff;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 0;
    font-family: 'Neue Montreal Regular';
    font-weight: normal;
    letter-spacing: 1px;
    display: none;
}

.about-leadership-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin: 5.469vw 0 0;
}

.about-leadership-row .about-leadership-team-card {
    width: calc(33.33% - 14.5px);
}

.about-leadership-content {
    height: 18.281vw;
    overflow: hidden;
    overflow-y: auto;
}

.about-leadership-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.about-leadership-content::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
    border-radius: 10px;
}

.about-leadership-content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555;
}

.about-location-section {
    background-color: #000;
    text-align: center;
    overflow: hidden;
}

.about-location-wrapper {
    margin: 0 4.635vw 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    display: flex;
}

.about-location-heading h2 {
    color: #fff;
    font-size: 5.99vw;
    line-height: 5.1vw;
    margin: 0;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    text-align: left;
    padding: 2.422vw 0 1.823vw;
}

.about-location-map-wrapper {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    padding: 4.792vw 0 3.75vw;
}

#chartdiv {
    width: 100%;
    height: 39.375vw;
}

.about-location-map-wrapper .map-img {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
}

.textarrow-scroll {
    position: sticky;
    top: 0;
    width: 100vw;
    height: 100vh;
    perspective: 105rem;
    overflow: hidden;
}

ul.about-scroll-list {
    height: 100%;
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    z-index: 1;
}

.about-scroll-mobile-show {
    display: block;
}

.textarrow-scroll::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 0.052vw;
    background: #000;
}

.textarrow-scroll::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 100%;
    height: 0.052vw;
    background: #000;
}

.about-location-map-wrapper svg {
    position: relative;
}

.about-location-map-wrapper svg circle {
    fill: #4c4c4c;
}

.about-location-map-wrapper .content {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.location-pin-modal img {
    width: 100%;
    position: relative;
    left: auto;
    right: auto;
}

.location-pin-modal {
    width: 15.802vw;
    border: 1px solid #fff;
    z-index: 11;
    background: #000;
    //position: absolute;
    border-radius: 0.521vw;
    padding: 1.5vw 1.354vw 1.5vw 1vw;
    text-align: left;
    /* display: none;
    top: -8.854vw;
    left: -5.729vw; */
}

.location-pin-modal .close {
    position: absolute;
    right: 0.781vw;
    top: 0.521vw;
    cursor: pointer;
    width: 0.781vw;
}

.location-pin-content h6 {
    color: #fff;
    font-size: 0.84vw;
    font-family: 'Open Sans Bold';
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.2;
    margin: 0 0 0.5vw;
}


.location-pin-content p a {
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.729vw;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 1.4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'Neue Montreal Medium';
    font-weight: 500;
}

.location-pin-content p a:hover {
    color: rgba(255, 255, 255, 1);
}

.location-pin-content p:not(:last-child) {
    margin: 0 0 10px;
}

.location-pin-content p a img {
    margin-left: 0.365vw;
    width: 0.521vw;
    opacity: 0.5;
}

.location-pin-content p a:hover img {
    opacity: 1;
}

.location-pin {
    position: absolute;
    top: 15%;
    left: 28%;
    width: 27.604vw;
    transition: 1s;
    visibility: hidden;
    opacity: 0;
}

.location-pin.active {
    opacity: 1;
    visibility: visible;
}

.location-pin-icon {
    width: max-content;
    position: absolute;
    top: 3vw;
    left: 7.8vw;
}

.location-pin-icon.map-pin-2 {
    top: 5vw;
    left: 0.221vw;
}

.location-pin-icon.map-pin-3 {
    top: 9.063vw;
    left: 1.277vw;
}

.location-pin-icon.map-pin-4 {
    top: 12vw;
    left: 0.208vw;
}

.location-pin-icon.map-pin-5 {
    top: 12.994vw;
    left: 2.3vw;
}

.location-pin-icon.map-pin-6 {
    top: 16vw;
    left: 3.429vw;
}

.location-pin-icon.map-pin-7 {
    top: 18vw;
    left: 5.573vw;
}

.location-pin-icon.map-pin-8 {
    top: 18vw;
    left: 9.844vw;
}

.location-pin-icon.map-pin-9 {
    top: 13.281vw;
    left: 6.823vw;
}

.location-pin-icon.map-pin-10 {
    top: 12.24vw;
    left: 10vw;
}

.location-pin-icon.map-pin-11 {
    top: 9.977vw;
    left: 7.76vw;
}

.location-pin-icon.map-pin-12 {
    top: 6.252vw;
    left: 11.042vw;
}

.location-pin-icon.map-pin-13 {
    top: 8vw;
    left: 13.2vw;
}

.location-pin-icon.map-pin-14 {
    top: 12.24vw;
    left: 14.288vw;
}

.location-pin-icon.map-pin-15 {
    top: 16.25vw;
    left: 15.26vw;
}

.location-pin-icon.map-pin-16 {
    top: 5.288vw;
    left: 18.49vw;
}

.location-pin-icon.map-pin-17 {
    top: 7.267vw;
    left: 20.813vw;
}

.location-pin-icon.map-pin-18 {
    top: 5.217vw;
    left: 21.896vw;
}

.location-pin-icon.map-pin-19 {
    top: 12.144vw;
    left: 22vw;
}

.location-pin-icon.map-pin-20 {
    top: 14.1vw;
    left: 19.856vw;
}

.location-pin-icon.map-pin-21 {
    top: 17.135vw;
    left: 17.5vw;
}

.location-pin-icon.map-pin-22 {
    top: 12.229vw;
    left: 24.104vw;
}

.location-pin-icon.map-pin-23 {
    top: 15.208vw;
    left: 22.946vw;
}

.location-pin-icon .icon {
    cursor: pointer;
    width: 1.875vw;
}

.location-pin-icon .icon img {
    width: 100%;
}

.location-pin-icon.location-pin-modal-show .location-pin-modal {
    display: block;
}

/* .location-pin-modal::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -0.417vw;
    transform: translateX(-50%) rotate(45deg);
    width: 0.781vw;
    height: 0.781vw;
    border: 1px solid #fff;
    background: #000;
    border-top: 0;
    border-left: 0;
} */

/* ABOUT PAGE SECTION END */


/* WEB DESIGN SOUNDMIND PAGE SECTION START */
.two-point-new-section.home-index-page.header-the-work-soundmind {
    background: #000;
    height: auto;
    min-height: inherit;
}

.home-index-page.header-the-work-soundmind .two-point-new-d-left-middle {
    border-right: none;
}

.header-the-work-soundmind .two-point-logo {
    padding: 1.3vw 0 1.2vw;
}

.web-design-soundmind-section {
    background: #000;
    padding: 7.2vw 0 0;
}

.soundmind-heading-inner {
    position: relative;
    z-index: 1;
}

.soundmind-heading-inner::before {
    content: "";
    position: absolute;
    top: 1.5vw;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/rectangle-top-bg.svg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 10vw;
}

.web-soundmind-heading {
    margin: 0 auto;
    text-align: center;
    position: relative;
    max-width: 64vw;
}

.web-soundmind-heading h1 {
    color: #FFFFFF;
    margin-bottom: 1.5vw;
    font-size: 2.75vw;
    line-height: 2.9vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    display: flex;
    align-items: center;
    justify-content: center;
}

.web-soundmind-heading h1 img {
    margin: 0 1.7vw 0 1vw;
    min-width: 1vw;
}

.web-soundmind-heading h1 strong {
    color: #FFFFFF;
    margin-bottom: 0px;
    font-family: 'Open Sans Bold';
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.52vw;
}

.web-soundmind-heading p {
    margin-bottom: 0px;
    color: #FFFFFF;
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.35vw;
    line-height: 2.2vw;
    letter-spacing: 0.102vw;
}

.web-design-soundmind-wrap {
    margin-top: -1vw;
    position: relative;
}

.web-design-soundmind-wrap::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    background: url(../images/rectangle-bottom-bg.svg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 10vw;
    bottom: -0.1vw;
    z-index: 1;
}

.web-design-soundmind-wrap img {
    width: 100%;
    height: auto;
}

.partnership-soundmind-section {
    background: #000000;
}

.livesite-icon a {
    margin: 0px;
    font-size: 0.93vw;
    text-transform: uppercase;
    font-family: 'Neue Montreal Medium';
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    color: #48E5A4;
    line-height: 2vw;
    letter-spacing: 0.15vw;
}

.livesite-icon a:hover {
    color: #fff;
}

.livesite-icon {
    margin-bottom: 0.8vw;
}

.livesite-icon a img {
    width: 0.7vw;
    margin-left: .55vw;
}

.livesite-icon a:hover img {
    filter: grayscale(1);
}

.partnership-soundmind-section .container {
    padding: 0 4.33vw;
}

.partnership-heading {}

.partnership-heading h2 {
    color: #FFFFFF;
    margin-bottom: 0px;
    font-family: 'Urbanist', sans-serif;
    font-weight: 400;
    font-size: 3.34vw;
    line-height: 4.68vw;
}

.partnership-soundmind-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 7.3vw -0.8vw 0;
}

.partnership-soundmind-left {
    width: 50%;
    padding: 0 0.8vw;
}

.partnership-soundmind-col {
    margin-bottom: 1.4vw;
}

.partnership-soundmind-col:last-child {
    margin-bottom: 0px;
}

.partnership-soundmind-right {
    width: 50%;
    padding: 0 0.8vw;
}

.partnership-soundmind-right img {
    width: 100%;
}

.partnership-soundmind-col img {
    width: 100%;
}

.soundnind-appmusic-section {
    background: #000000;
    padding: 16.1vw 0 15.5vw;
}

.soundnind-appmusic-section .container {
    max-width: 74.4vw;
}

.soundnind-appmusic-wrap h3 {
    color: #FFFFFF;
    font-family: 'Urbanist', sans-serif;
    font-weight: 400;
    margin-bottom: 0px;
    text-align: center;
    position: relative;
    font-size: 6vw;
    line-height: 6.3vw;
    cursor: pointer;
}

.soundnind-appmusic-wrap h3:nth-child(2) {
    z-index: 1;
}

.soundnind-appmusic-wrap h3:nth-child(3) {
    z-index: 2;
}

.soundnind-appmusic-wrap h3:nth-child(4) {
    z-index: 1;
}

.soundnind-appmusic-wrap h3 img {
    transition-duration: 1.5s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.soundnind-appmusic-wrap h3:hover .appmusic-img-01 {
    transform: scale(1.5);
}

.soundnind-appmusic-wrap h3:hover .appmusic-img-02 {
    transform: scale(1.2);
}

.soundnind-appmusic-wrap h3:hover .appmusic-img-03 {
    transform: scale(1.3);
}

.soundnind-appmusic-wrap h3:hover .appmusic-img-04 {
    transform: scale(1.3);
}

.soundnind-appmusic-wrap h3:hover .appmusic-img-05 {
    transform: scale(1.3);
}

.appmusic-img-01 {
    position: absolute;
    top: -2.95vw;
    right: 6.95vw;
    width: 7.2vw;
    border-radius: 0.5vw;
}

.appmusic-img-02 {
    position: absolute;
    z-index: -1;
    top: -8.2vw;
    left: -4.4vw;
    border-radius: 0.5vw;
    width: 18vw;
}

.appmusic-img-03 {
    position: absolute;
    top: 4.15vw;
    left: -0.7vw;
    width: 6.95vw;
}

.appmusic-img-04 {
    position: absolute;
    z-index: -1;
    bottom: -3.4vw;
    border-radius: 0.5vw;
    right: -1.05vw;
    width: 17.85vw;
}

.soundnind-app-enterprise-section {
    background: #000000;
}

.soundnind-app-enterprise-section .container {
    padding: 0 4.33vw;
}

.soundnind-app-enterprise-wrap {
    background: #200173;
    padding-right: 9.34vw;
    padding-top: 6.9vw;
    padding-left: 9.34vw;
    position: relative;
}

.soundnind-app-enterprise-wrap img {
    width: 100%;
}

.branding-design-section {
    background: #000;
    padding: 8.5vw 0px 7.2vw;
}

.branding-design-section .container {
    padding: 0 4.33vw;
}

.branding-heading h3 {
    margin-bottom: 0px;
    color: #FFFFFF;
    line-height: normal;
    text-transform: uppercase;
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
    font-size: 3.96vw;
    letter-spacing: 0.45vw;
}

.branding-heading {
    padding-bottom: 5.4vw;
}

.branding-design-slider {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0 -0.4vw;
}

.branding-design-col {
    width: 50%;
    padding: 0.4vw 0.4vw;
}

.branding-design-col img {
    width: 100%;
}

.branding-design-slider-section {
    background: #000;
    padding-bottom: 6.9vw;
    position: relative;
    overflow: hidden;
}

.branding-design-info {
    position: relative;
    white-space: nowrap;
    padding: 0;
    will-change: transform;
}

.item-slide-rotate {
    padding: 0;
    display: inline-block;
    margin-right: 0;
    width: 70vw;
    pointer-events: none;
}

.branding-design-info .slick-list {
    padding: 0 13vw !important;
}

.branding-design-item {
    /* padding: 4vw; */
    padding: 4vw 2vw;
    margin: 0;
    transition: all 300ms ease;
    position: relative;
}

.branding-design-item .video-on-desktop {
    height: 32vw;
}

.branding-design-item:hover {
    /* -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    -webkit-transform: scale(1.15);
    transform: scale(1.15); */
}

.item-slide-rotate:hover {
    /* -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused; */
}

.branding-design-item img {
    margin: 0 auto;
    width: 100%;
}

.videopopup-modal video {
    width: 100%;
    height: 100%;
}

.videopopup-modal .modal-dialog {
    max-width: 62vw;
}

.videopopup-modal button.btn-close {
    opacity: 1;
    right: 0.5vw;
    top: 0.5vw;
    background-size: 0.9vw;
}

.videopopup-modal .modal-dialog .modal-content {
    border: none;
    border-radius: 0;
}

.videopopup-modal .modal-body {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.readyunlock-potential-section {
    background: #000;
    padding-bottom: 22.6vw;
}

.readyunlock-potential-section .container {
    padding: 0 4.33vw;
}

.readyunlock-potential h3 {
    margin-bottom: 0px;
    color: #FFFFFF;
    font-family: 'Urbanist', sans-serif;
    font-weight: 400;
    text-align: center;
    font-size: 6vw;
    line-height: 6.3vw;
}

.readyunlock-btn {
    text-align: center;
    padding-top: 5.45vw;
}

.readyunlock-btn .btn-href-link {
    color: #fff;
}

.readyunlock-btn .progress__circle,
.readyunlock-btn .progress__path {
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 1px;
}

.readyunlock-btn .progress__path {
    stroke: #fff;
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
    transition: stroke-dashoffset 0.7s cubic-bezier(0.7, 0, 0.3, 1);
}

.ready-potential-ipad-section {

    background: #000;
}

.ready-potential-ipad-section .container {
    padding: 0 0;
}

.ready-potential-ipad-outer {
    /* background: linear-gradient(to bottom, rgba(202, 221, 246, 1) 0%, rgba(160, 167, 237, 1) 100%); */
    padding: 0 0 0;
    display: flex;
}

.ready-potential-ipad-wrap {}

.ready-potential-ipad-wrap {
    margin: -18.9vw auto 0;
    width: 100vw;
    position: relative;
}

.ready-potential-ipad-wrap img {
    width: 100%;
}

.more-projects-section {
    background: #000;
    padding: 5.75vw 0 9.9vw 0px;
}

.more-projects-section .container {
    padding: 0 4.33vw;
}

.more-projects-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 100%;
    margin: 0 auto;
}

.more-projects-item {
    padding: 0 1.4vw;
}

.more-projects-col figure,
.more-projects-col figure a {
    cursor: url('../images/mouse-cursor-white.png'), auto;
}

.more-projects-heading {
    margin-bottom: 5.45vw;
}

.more-projects-heading h3 {
    margin-bottom: 0px;
    color: #FFFFFF;
    font-size: 6vw;
    line-height: 6.3vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
}

.more-projects-col figure {
    margin-bottom: 1.3vw;
}

.more-projects-col figure img {
    width: 100%;
}

.more-projects-col h4 {
    margin-bottom: 0px;
    color: #666666;
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
    font-size: 1.35vw;
    line-height: 2.2vw;
}

.more-projects-col h4 a {
    color: #666666;
}

.more-projects-col:hover h4 a {
    color: #fff;
}

.more-projects-wrap .slick-prev,
.more-projects-wrap .slick-next {
    top: 18vw;
    transform: none;
    width: 1.25vw;
    height: 1.25vw;
    background: none;
    border-radius: 0;
    border: 0.053vw #fff solid !important;
}

.more-projects-wrap .slick-next {
    border-left: none !important;
    border-bottom: none !important;
    transform: rotate(45deg);
    right: -2.4vw;
    z-index: 1;
}

.more-projects-wrap .slick-prev {
    border-right: none !important;
    border-top: none !important;
    transform: rotate(45deg);
    left: -2.4vw;
}

.more-projects-wrap .slick-list.draggable {
    padding-bottom: 2px;
}

.see-more-work-section.seemore-work-soundmind .seemore-align-left.seemore-three-headline::after {
    right: calc(100% - 14.4vw);
    left: -200%;
}

.photogenics-appmusic-section .container {
    max-width: 78.8vw;
}

.photogenics-appmusic-section .appmusic-img-01 {
    top: -3.95vw;
    right: 8.55vw;
    width: 13.55vw;
}

.photogenics-appmusic-section .soundnind-appmusic-wrap h3:hover .appmusic-img-01 {
    transform: scale(1.2);
}

.photogenics-appmusic-section .appmusic-img-03 {
    top: 13.15vw;
    left: -0.7vw;
    width: 11.95vw;
    z-index: -1;
}

.photogenics-appmusic-section .soundnind-appmusic-wrap h3:hover .appmusic-img-03 {
    transform: scale(1.2);
}

.photogenics-ipad-whitebg .soundnind-app-enterprise-wrap {
    background: #fff;
}

.ready-potential-ipad-outer {
    /* background: url(../images/welcome-background.jpg) no-repeat; */
    display: flex;
    /* background-size: 100%; */
}

.readyunlock-btn .lefs-button {
    margin: 0 auto;
}

.soundnind-appmusic-section.photogenics-appmusic-section {
    padding-bottom: 18vw;
}

.laptopvideo-hp-mobile {
    display: none;
}

/* WEB DESIGN SOUNDMIND PAGE SECTION END */

.partnership-soundmind-wrap .lefs-button {
    display: none;
}

.appmusic-mobile-text {
    display: none;
}

.about-location-left {
    width: calc(100% - 23.958vw);
    padding-right: 3.802vw;
}

.about-location-right {
    width: 23.958vw;
    border-left: 1px solid #fff;
    padding: 3.854vw 0 4.55vw 3.479vw;
    position: relative;
}

.about-location-right ul li {
    color: #fff;
    list-style-type: none;
    text-align: left;
    border-bottom: 1px solid #fff;
    padding-bottom: 1.172vw;
    margin-bottom: 0.979vw;
    cursor: pointer;
}

.about-location-right ul li a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #fff;
    font-size: 0.729vw;
    text-transform: uppercase;
    letter-spacing: 1.4px;
    opacity: 0.4;
}

.about-location-right ul li a:hover {
    opacity: 1;
}

.about-location-right ul li a img {
    margin-left: 7px;
    display: inline-block;
}

.about-location-right ul {
    margin: 0;
    padding: 0 3.479vw 0 0;
    max-height: 43.215vw;
    overflow: hidden;
    overflow-y: auto;
    position: relative;
}

.about-location-right ul::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.15)
}

.about-location-right ul::-webkit-scrollbar {
    width: 8px;
    background-color: rgba(255, 255, 255, 0.15)
}

.about-location-right ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.2)
}

.region-title {
    font-size: 1.094vw;
    color: #FFFFFF;
    font-family: 'Neue Montreal Medium';
    font-weight: 500;
}

.location-number {
    font-size: 0.938vw;
    color: rgba(255, 255, 255, 0.4);
    font-family: 'Neue Montreal Medium';
    font-weight: 500;
}

.location-bootom-button {
    margin-top: 3.5vw;
}

.location-bootom-button a {
    color: #fff;
    width: 100%;
}

.location-bootom-button a svg path {
    stroke: #fff;
}

.am5-html-container {
    position: static !important;
    pointer-events: inherit !important;
}

.am5-html-container>div {
    pointer-events: inherit !important;
}

.about-location-right ul li:hover .location-number {
    color: rgba(255, 255, 255, 1);
}

.state-location-wrap {
    position: absolute;
    top: 0;
    right: -200%;
    background: #000;
    z-index: 11;
    transition: .5s;
    padding: 3.854vw 0 4.55vw 4.479vw;
    height: 100%;
    width: 100%;
}

.state-location-wrap.active {
    right: 0;
}

.state-back-list h6 {
    font-size: 1.094vw;
    color: #FFFFFF;
    font-family: 'Neue Montreal Medium';
    font-weight: 500;
    line-height: 1;
    text-align: left;
}

.state-back-list {
    margin: 0 0 2.005vw;
    cursor: pointer;
}

.state-back-list span {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 0.833vw;
    color: rgba(255, 255, 255, .4);
}

.state-back-list span svg {
    margin-right: 3px;
}

.state-back-list:hover span {
    color: rgba(255, 255, 255, 1);
}

.state-back-list:hover span svg path {
    stroke: #fff;
    opacity: 1;
}

.state-location-wrap ul li {
    font-size: 1.094vw;
    font-family: 'Neue Montreal Medium';
    font-weight: 500;
}

.state-location-wrap ul li a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #fff;
    font-size: 0.729vw;
    text-transform: uppercase;
    letter-spacing: 1.4px;
    opacity: 0.4;
}

.state-location-wrap ul li a img {
    margin-left: 7px;
    display: inline-block;
}

.state-location-wrap ul li a:hover {
    opacity: 1;
}

.map-bg-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.am5-layer-30 {
    opacity: 0;
}

.am5-html-container>div::-webkit-scrollbar {
    display: none;
}

.am5-html-container>div {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.hubspoke-main {
    background: #000;
    position: relative;
}


/* CAFE DANCE CASE STUDIES DETAILS PAGE START */
.casestudies-cafe-1-section {
    margin: 0;
    padding: 1.2vw 4.6vw 5.2vw 3.1vw;
    background: #000;
}

.cfe-hero-banner {
    width: 100%;
    position: relative;
    background: #000;
    margin: 0 0 3.4vw;
}

.cfe-hero-banner img {
    width: 100%;
    opacity: 0.80;
}

.chefdane-logo {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

.chefdane-logo img {
    opacity: 1;
    width: 14.4%;
}

.cfe-flx-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.cfe-slide-left {
    width: 22%;
}

.cfe-slide-info {
    margin: 0;
    padding: 0;
}

.cfe--info-item {
    margin: 0 0 2.4vw;
    padding: 0;
}

.cfe--info-item h5 {
    color: #fff;
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
    font-size: 1.35vw;
    line-height: 1.67vw;
    margin: 0 0 0.95vw;
    letter-spacing: 0.1vw;
}

.cfe--info-item p {
    color: #fff;
    font-size: 1.2vw;
    letter-spacing: 0.09vw;
    line-height: 1.7vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
}

.cfe-slide-right {
    width: 78%;
    padding-left: 4.1vw;
    padding-right: 5.9vw;
}

.cfe-slideinfo-content {
    margin: 0;
    padding: 0;
}

.cfe-slideinfo-content h1,
.cfe-slideinfo-content h2,
.cfe-slideinfo-content h3,
.cfe-slideinfo-content h4,
.cfe-slideinfo-content h5 {
    color: #fff;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    font-size: 3.905vw;
    line-height: 4.4vw;
    margin: 0 0 2.3vw;
}

.cfe-slideinfo-content p {
    color: #fff;
    font-size: 1.2vw;
    letter-spacing: 0.09vw;
    line-height: 1.7vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
}

.cases-cafe-2-section {
    margin: 0;
    padding: 7.1vw 4.6vw 7.1vw 3.1vw;
}

.cases-cafe-brand-warp {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 6.1vw;
}

.cases-cafe-brand-warp:last-child {
    margin-bottom: 0;
}

.cfe-brand-col-left {
    width: 49.4%;
}

.cfe-scroll-img {
    margin: 0;
    padding: 0;
}

.cfe-scroll-img img {
    width: 100%;
}

.cfe-brand-col-right {
    margin: 0;
    padding: 0;
    width: 50.6%;
}

.cfe-brand-content-info {
    margin: 0;
    padding: 0 0 0 3.58vw;
}

.cfe-brand-content-info h3 {
    padding: 0;
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 2.71vw;
    line-height: 3.23vw;
    letter-spacing: 0.1vw;
    margin: 0 0 2.1vw;
}

.cfe-brand-content-info p {
    margin: 0 0 1.8vw;
    padding: 0;
    font-size: 1.2vw;
    letter-spacing: 0.09vw;
    line-height: 1.7vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
}

.cfe-brand-content-info p:last-child {
    margin-bottom: 0;
}

.cfe-brand-content-info ul {
    margin: 0 0 1.8vw;
    padding: 0px 6vw 0 2.03vw;
}

.cfe-brand-content-info ul li {
    margin: 0 0 0.5vw;
    padding: 0;
    font-size: 1.2vw;
    letter-spacing: 0.09vw;
    line-height: 1.7vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    display: block;
    position: relative;
}

.cfe-brand-content-info ul li::after {
    content: "";
    width: 0.2vw;
    height: 0.2vw;
    background: #000;
    position: absolute;
    border-radius: 3vw;
    top: 0.8vw;
    left: -0.85vw;
}

.cfe-scroll-img-rlt {
    place-content: center;
    position: relative;
    overflow: hidden;
    --position: 31%;
}


.slider-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
}

.image-before {
    position: absolute;
    inset: 0;
    width: var(--position);
    filter: grayscale(100%)
}

.range-input {
    position: absolute;
    inset: 0;
    cursor: pointer;
    opacity: 0;
    /* for Firefox */
    width: 100%;
    height: 100%;
}

.range-input:focus-visible~.range-buttonicon {
    outline: 5px solid black;
    outline-offset: 3px;
}

.rng-wht-line {
    position: absolute;
    inset: 0;
    width: 0.2vw;
    height: 100%;
    background-color: #fff;
    /* z-index: 10; */
    left: var(--position);
    transform: translateX(-50%);
    pointer-events: none;
}

.range-buttonicon {
    position: absolute;
    background-color: #fff;
    color: black;
    padding: 0.4vw;
    border-radius: 100vw;
    display: grid;
    place-items: center;
    top: 50%;
    left: var(--position);
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.range-buttonicon svg {
    width: 2vw;
    height: auto;
}

.cases-cafe-brand-warp:nth-child(even) {
    flex-direction: row-reverse;
}

.cases-cafe-brand-warp:nth-child(even) .cfe-brand-content-info {
    padding: 0 2vw 0 0;
}

.cases-cafe-brand-warp:nth-child(even) .cfe-brand-col-left {
    padding-left: 2.58vw;
}

.cases-desgin-cafe-section {
    margin: 0;
    padding: 5vw 4.6vw 27.1vw 3.1vw;
    background: #000;
}

.cases-desgin-cafe-section .container {
    padding: 0 14.249vw;
}

.desgin-cafe-content {
    margin: 0;
    padding: 0 0 3.68vw;
}

.desgin-cafe-content h2,
.desgin-cafe-content h3 {
    padding: 0;
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 2.71vw;
    line-height: 3.23vw;
    letter-spacing: 0.3vw;
    margin: 0 0 2.1vw;
    color: #fff;
}

.desgin-cafe-content p,
.desgin-cafe-content ul li {
    margin: 0 0 1.8vw;
    padding: 0;
    color: #fff;
    font-size: 1.2vw;
    letter-spacing: 0.09vw;
    line-height: 1.7vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
}

.cases-desgin-cafe-ul-li-flex p,
.cases-desgin-cafe-ul-li-flex ul li {
    margin: 0 0 1.8vw;
    padding: 0;
    color: #fff;
    font-size: 1.2vw;
    letter-spacing: 0.09vw;
    line-height: 1.7vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
}

.desgin-cafe-content p:last-child {
    margin-bottom: 0;
}

.webiste-video-iframe {
    margin: 0 auto 2.9vw;
    padding: 0 0;
    position: relative;
    width: 100%;
}

.webiste-video-iframe .video-on-desktop {
    height: 34.12vw;
}

.webiste-video-iframe .video-on-desktop video {
    object-fit: inherit;
}

.video-part-row {
    margin: 0;
    padding: 0;
}

.video-part-row i {
    margin: 0;
    padding: 3.7vw 6.2vw;
    color: #fff;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    letter-spacing: 0.1vw;
    font-size: 1.98vw;
    line-height: 2.39vw;
    display: block;
}

.video-part-row p {
    color: #fff;
    font-size: 1.2vw;
    letter-spacing: 0.09vw;
    line-height: 1.7vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    margin: 0 0 1.9vw;
    padding: 0;
}

.video-part-row p:last-child {
    margin-bottom: 0;
}

.organization-cafe-section {
    margin: 0;
    padding: 5vw 4.6vw 7.1vw 3.1vw;
}

.review-box-part {
    background: #171717;
    padding: 5.8vw 13.182vw 5.8vw 10.182vw;
    margin-top: -24.5vw;
    margin-bottom: 7.8vw;
}

.review-box-part p {
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    color: #fff;
    font-size: 4.12vw;
    line-height: 4.25vw;
    padding: 0;
    margin: 0 0 2.91vw;
}

.page-template-Infinixbio .review-box-part p {
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    color: #fff;
    font-size: 2.5vw;
    line-height: 4vw;
    padding: 0;
    margin: 0 0 2.91vw;
}

.review-box-part p i {
    font-family: 'Abril Fatface', serif;
}

.star-fa {
    margin-bottom: 1vw;
}

.star-fa i {
    color: #F8B600;
    font-size: 1.55vw;
    margin-right: 0.2vw;
}

.user-review-profile {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.user-review-profile figure {
    width: 5.21vw;
}

.user-review-profile figcaption {
    width: calc(100% - 5.21vw);
    padding-left: 1.5vw;
}

.user-review-profile figcaption h5 {
    color: #fff;
    text-transform: uppercase;
    line-height: normal;
    font-size: 1.1vw;
}

.user-review-profile figcaption span {
    color: #fff;
    font-size: 1.1vw;
    line-height: normal;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
}

.app-internal-heading {
    margin: 0 0 4.2vw;
    padding: 0;
}

.app-internal-heading h4 {
    margin: 0;
    padding: 0;
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 2.71vw;
    line-height: 3.23vw;
    letter-spacing: 0.1vw;
    margin: 0 0 1.7vw;
}

.app-internal-heading img {
    width: 100%;
}

.app-internal-description {
    margin: 0 -1.4vw;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.description-col-6 {
    width: 50%;
    padding: 0 1.4vw;
}

.app-internal-description p {
    font-size: 1.2vw;
    letter-spacing: 0.09vw;
    line-height: 1.7vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    padding: 0;
    margin: 0 0 1.5vw;
}

.app-internal-description p:last-child {
    margin-bottom: 0;
}

.app-internal-description ul {
    padding: 0 0 0 0.5vw;
    margin: 0;
}

.app-internal-description ul li {
    font-size: 1.2vw;
    letter-spacing: 0.09vw;
    line-height: 1.7vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    display: block;
    background: url('../images/check-4.svg') no-repeat left top 0.5vw;
    padding-left: 1.4vw;
    background-size: 0.6vw;
}

.marketing-success-section {
    margin: 0;
    padding: 5vw 4.6vw 7.1vw 3.1vw;
    background: #000;
}

.marketing-row-warp {
    display: flex;
    flex-wrap: wrap;
}

.marketing-tb-heading {
    width: 50%;
    padding: 0 11.4vw 0 0;
}

.marketing-tb-heading h1,
.marketing-tb-heading h2,
.marketing-tb-heading h3,
.marketing-tb-heading h4,
.marketing-tb-heading h5 {
    margin: 0;
    padding: 0;
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 2.71vw;
    line-height: 3.23vw;
    letter-spacing: 0.2vw;
    color: #fff;
}

.marketing-tb-content {
    width: 50%;
    padding: 0 0 0 1.4vw;
}

.marketing-tb-content p {
    font-size: 1.2vw;
    letter-spacing: 0.09vw;
    line-height: 1.7vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    padding: 0;
    color: #fff;
    margin: 0 0 1.5vw;
}

.marketing-tb-content p:last-child {
    margin-bottom: 0;
}

.casetabbing-slide-section {
    margin: 0;
    padding: 0 0 0.1vw;
    background: #171717;
    position: relative;
    overflow: hidden;
}

.tabs-menu-section {
    margin: 0;
    padding: 0;
}

.casetabbing-slide-warp {
    display: flex;
    flex-wrap: wrap;
}

.casetabbing-slide-col-sm-6 {
    width: 50%;
}

.casetabbing-rlt-img-info {
    margin: 0;
    padding: 0;
}

.casetabbing-rlt-img-info figure {
    margin: 0 0 -4.15vw 0;
    padding: 0 0 0 3.5vw;
    position: relative;
    transition: 1.5s;
    opacity: 0;
}

.casetabbing-rlt-img-info figure>img {
    width: 100%;
}

.active.show .casetabbing-rlt-img-info figure {
    opacity: 1;
}

.maxbook-img {
    position: absolute;
    top: 39%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
}

.maxbook-img img {
    width: 68%;
}

.tabs-menu-row {
    margin: 0;
    padding: 4.3vw 0 0 4.5vw;
    position: absolute;
}

.tabs-menu-row ul {
    padding: 0;
    margin: 0;
}

.tabs-menu-row ul li {
    padding: 0;
    margin: 0 1vw 0 0;
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
    letter-spacing: 0.15vw;
    text-transform: uppercase;
    font-size: 1.355vw;
    line-height: 1.88vw;
}

.tabs-menu-row ul li a {
    color: rgba(255, 255, 255, 0.4);
}

.tabs-menu-row ul li a.active {
    color: rgba(255, 255, 255, 1);
}

.tabs-menu-row ul li h3 {
    letter-spacing: 0.08vw;
    font-size: 1vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
    line-height: 1.88vw;
    color: rgba(255, 255, 255, 0.4);
    margin: 0;
    padding: 0;
}

.tabs-menu-row ul li .active h3 {
    color: rgba(255, 255, 255, 1);
}

.casetabbing-slide-content {
    margin: 0;
    padding: 9vw 3.5vw 3vw 4.5vw;
}

.casetabbing-slide-content p {
    margin: 0 0 1.5vw;
    padding: 0;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    color: #fff;
    letter-spacing: 0.1vw;
    font-size: 0.99vw;
    line-height: 1.65vw;
    transform: translateY(2vw);
    opacity: 0;
    transition: 1s;
}

.active.show .casetabbing-slide-content p,
.active.show .casetabbing-slide-content ul {
    transform: translateY(0vw);
    opacity: 1;
}

.casetabbing-slide-content ul {
    padding-left: 1.5vw;
    margin: 0 0 1.5vw;
    transform: translateY(2vw);
    opacity: 0;
    transition: 1s;
}

.casetabbing-slide-content ul li {
    margin: 0;
    padding: 0;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    color: #fff;
    letter-spacing: 0.1vw;
    font-size: 0.99vw;
    line-height: 1.65vw;
    position: relative;
    display: block;
}

.casetabbing-slide-content ul li::after {
    content: "";
    width: 0.2vw;
    height: 0.2vw;
    background: #fff;
    position: absolute;
    border-radius: 5vw;
    top: 0.8vw;
    left: -0.85vw;
}

.tab-increased-flx-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

.tab-increased-flx-col-sm-6 {
    width: 51%;
}

.tab-increased-flx-col-sm-4 {
    width: 49%;
    position: relative;
    overflow: hidden;
}

.tab-increased-info-ct {
    background: #fff;
    position: relative;
    padding: 1.7vw 2.6vw 1.5vw;
    height: 14.8vw;
    opacity: 0;
    transition: 1s;
}

.tab-increased-info-ct h6 {
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
    letter-spacing: 0.05vw;
    text-transform: uppercase;
    font-size: 1vw;
    line-height: 1.5vw;
    margin: 0 0 1.1vw;
    transform: translateY(2vw);
    transition: 1s;
}

.active.show .tab-increased-info-ct h6 {
    transform: translateY(0vw);
}

.tab-increased-info-ct span {
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
    letter-spacing: 0.15vw;
    text-transform: uppercase;
    font-size: 5.155vw;
    line-height: 4.88vw;
}

.price-perday span.counter::after {
    content: "%";
}

img.progress-line-fixed {
    position: absolute;
    width: 33.5%;
    bottom: 3.18vw;
    right: 4.25vw;
}

.tab-increased-flx-col-sm-4 .tab-increased-info-ct {
    background: #48E5A4;
    opacity: 0;
    transition: 1s;
    height: 11vw;
}

.active.show .tab-increased-info-ct {
    opacity: 1;
}

.tab-increased-info-ct p {
    margin: 0;
    padding: 0;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    letter-spacing: 0.1vw;
    font-size: 0.99vw;
    line-height: 1.65vw;
}

.tab-increased-info-ct .live-link.link-black a {
    letter-spacing: 0.05vw;
    font-size: 0.94vw;
}

#googl-ads img.progress-line-fixed {
    bottom: 0;
    right: 0;
}

#googl-ads .tab-increased-flx-col-sm-4 .tab-increased-info-ct {
    background: #EC6553;
}

#eblast-campaigns .tab-increased-flx-col-sm-4 .tab-increased-info-ct {
    background: #2768F5;
}

#social-media .tab-increased-flx-col-sm-4 .tab-increased-info-ct {
    background: #FAB4BF;
}

#Paid-Advertising img.commn-img-tb,
#Website-Ecommerce img.commn-img-tb,
#Brand-PR img.commn-img-tb {
    width: 4.5vw;
}

.heading-tmb-cfe h3 {
    font-size: 6vw;
    line-height: 6.3vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    padding: 0;
    margin: 0;
}

.thumble-3commn-section.case-studies-tmb-cfe {
    padding-top: 6.3vw;
}

/* CAFE DANCE CASE STUDIES DETAILS PAGE END */

.indexhome-section.casestudies-index-tb.displayblock-show {
    height: 107vh;
}

.price-perday {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    transform: translateY(2vw);
    opacity: 0;
    transition: 1s;
}

.active.show .price-perday {
    transform: translateY(0vw);
    opacity: 1;
}

.tab-increased-info-ct .price-perday p {
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
    letter-spacing: 0.15vw;
    text-transform: uppercase;
    font-size: 1.355vw;
    line-height: 1.88vw;
    width: 50%;
    padding-left: 1vw;
    padding-right: 3vw;
}

.commn-img-tb {
    width: 7.042vw;
}

.tabs-mobile-menu {
    display: none;
}

.cfe-slide-info h2 {
    display: none;
}


.bars-col-4 .cart-bars-data {
    display: flex;
    justify-content: space-around;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

.bars-col-4 .cart-bars-data li {
    display: inline-block;
    flex: 0 1 30%;
    height: 100%;
    margin: 0;
    text-align: center;
    position: relative;
}

.bars-col-4 .cart-bars-data li .cart-bar {
    width: 100%;
    background: #000;
    position: absolute;
    font-size: 0px;
    color: #fff;
    padding-top: 0;
    bottom: 0;
    height: 0;
    overflow: hidden;
    font-weight: bold;
    transition: 1.5s height cubic-bezier(0.6, 0.4, 0.4, 1.1);
}

.cart-bars-data li .cart-bar.cart-line-bx-1 {
    background: url('../images/line-pattren.svg') repeat;
    background-size: 8vw;
}

.cart-bars-data li .cart-bar.cart-line-bx-2 {
    background: url('../images/line-pattren.svg') repeat;
    background-size: 8vw;
}

.bars-col-4 {
    position: relative;
    width: 45%;
    height: 5.9vw;
    margin: 0;
}

div#counter {
    width: 55%;
}

.progerss-line {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.progerss-line svg {
    width: 10vw;
    height: auto;
}

.cont-lineanition .progerss-line {
    opacity: 1;
}

.cont-lineanition path#Path_439 {
    stroke-dasharray: 500;
    animation: dash 5s linear alternate;
}

.cont-lineanition path#Polygon_4 {
    animation: bounce 2.2s alternate;
}

@keyframes dash {
    from {
        stroke-dashoffset: 500;
    }

    to {
        stroke-dashoffset: 0;
    }
}

@keyframes bounce {

    0%,
    100% {
        transform: translateX(105%);
    }

    60% {
        transform: translateX(100%);
    }
}

/* ADS PAGE CSS START */
.ads-color-theme .leader-text-info h2 span {
    color: #FF594B;
}

.ads-color-theme #ads-pmm-content .amm-tabbing-flx-content-info,
.the-strategy-section {
    background: #FF594B;
}

.ads-color-theme .tabbing-menu-item ul li:nth-child(3) a span,
.ads-color-theme .tabbing-menu-item ul li:nth-child(3) a strong {
    background: #EC6553;
}

.two-point-new-section.ads-2point-section {
    background: #FF594B;
}

.seo-2point-section.ads-2point-section .two-point-new-left-info {
    padding: 0 3vw 1.2vw;
}

.ads-2point-section .two-point-new-left-info p {
    padding: 0 1vw;
}

.experience-pmm-advertising-process-section .our-seoprocess-right .product-icon-cricle:hover {
    border-color: #FF594B;
    background: #FF594B;
}

.the-strategy-section .global-first-headline .global-heading {
    margin: 0;
    text-align: center;
    max-width: 100vw;
}

.the-strategy-section .global-first-headline {
    padding-right: 0vw;
}

.the-strategy-section .global-first-headline .global-heading h1,
.the-strategy-section .global-first-headline .global-heading h2,
.the-strategy-section .global-first-headline .global-heading h3 {
    color: #000000;
}

.the-strategy-section .global-heading p,
.the-strategy-section .global-three-headline .global-heading {
    color: #000;
}

.the-strategy-section .global-three-headline .global-heading {
    border-left: 0.1vw #000 solid;
    padding-top: 1vw;
}

.the-strategy-section .global-second-headline::after {
    background: #000;
}

.global-leader-2pint-section.the-strategy-tab-section {
    background: #ff594b;
    border-top: 0.1vw #000000 solid;
    padding: 4.7vw 0px;
}

.the-strategy-tab-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.the-strategy-tabbing-menu-item ul {
    display: block;
    text-align: left;
}

.the-strategy-tabbing-menu-item ul li {
    margin-bottom: 2.3vw;
    color: #000000;
    font-size: 6vw;
    line-height: 5.75vw;
}

.the-strategy-tabbing-menu-item ul li a {
    color: #000;
    display: block;
}

.the-strategy-tabbing-menu-item ul li.the-strategy-process-tab-active a,
.the-strategy-tabbing-menu-item ul li a:hover {
    color: #fff;
}

.the-strategy-tab-content-tabing {
    width: 27.969vw;
}

.the-strategy-tabbing-menu-item {
    width: 60.521vw;
}

.ads-tabbing-flx-content-img-wrap {
    position: relative;
    margin-bottom: 2.1vw;
}

.ads-tabbing-flx-content-img-wrap::before {
    content: "";
    position: absolute;
    background: url("../images/ads-tabbing-flx-content-img-shaph.svg");
    right: 0;
    bottom: -0.3645833333333333vw;
    width: 100%;
    height: 15.0525vw;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: none;
}

.ads-tabbing-flx-content-info p {
    color: #000;
    letter-spacing: 0.09vw;
    font-size: 1.2vw;
    line-height: 1.7vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    padding-right: 1vw;
}

.the-strategy-our-process-hidden-contant {
    display: none;
}

.the-strategy-our-process-hidden-contant.the-strategy-active {
    display: block;
}

.the-strategy-our-process-hidden-contant.active {
    display: block;
}

.the-strategy-tab-content-tabing .the-strategy-our-process-hidden-contant {
    -webkit-animation-name: content;
    animation-name: content;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

@-webkit-keyframes content {
    from {
        opacity: 0;
        transform: translateY(5%);
    }

    to {
        opacity: 1;
        transform: translateY(0%);
    }
}

@keyframes content {
    from {
        opacity: 0;
        transform: translateY(5%);
    }

    to {
        opacity: 1;
        transform: translateY(0%);
    }
}

/* #offer-testing-ads-content .ads-tabbing-flx-content-info {
    transform: translateY(100px);
}
#creative-testing-ads-content .ads-tabbing-flx-content-info {
    transform: translateY(150px);
}
#innovative-tech-ads-content .ads-tabbing-flx-content-info {
    transform: translateY(200px);
}
#data-driven-ads-content .ads-tabbing-flx-content-info {
    transform: translateY(250px);
} */
.ads-tabbing-flx-content-img-wrap video {
    width: 27.357vw;
    height: 14.688vw;
    object-fit: cover;
}

.the-strategy-tabs-dropdown {
    display: none;
}

/* ADS PAGE CSS END */
.scroll-imgpanel video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.social-list-overlay {
    background: rgb(255 255 255 / 30%);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
}

.b2b-grap-img svg,
.b2b-grap-img svg {
    transition: 1s;
    width: 100%;
    height: 100%;
}

.chart-anination-svg {
    position: relative;
}

.chart-anination-svg svg {
    transition: 1s;
    width: 100%;
    height: 100%;
}

.b2b-grap-img svg path#Path_484,
.b2b-grap-img svg path#Trazado_484,
svg.mobile-show-img path#Path_484,
svg.mobile-show-img path#Trazado_484,
.b2b-grap-img svg path#Path_480,
svg.mobile-show-img path#Path_480,
svg.mobile-show-img path#Path_482,
.b2b-grap-img svg path#Path_482,
.b2b-grap-img svg path#Trazado_471,
.b2b-grap-img svg path#Trazado_12454,
.b2b-grap-img svg path#Trazado_480,
.b2b-grap-img svg path#Trazado_482,
svg.mobile-show-img path#Trazado_480,
svg.mobile-show-img path#Trazado_12454,
svg.mobile-show-img path#Trazado_471,
svg.mobile-show-img path#Trazado_482 {
    stroke-dashoffset: 0;
    stroke-dasharray: 0 701px;
    transition: 5s;
}

.leadsper-flex-row.aos-animate .b2b-grap-img svg path#Path_484,
.leadsper-flex-row.aos-animate .b2b-grap-img svg path#Trazado_484,
.leadsper-col-6-left.aos-animate svg.mobile-show-img path#Path_484,
.leadsper-col-6-left.aos-animate svg.mobile-show-img path#Trazado_484,
.leadsper-col-6-right.aos-animate .b2b-grap-img svg path#Path_480,
.leadsper-col-6-left.aos-animate svg.mobile-show-img path#Path_480,
.leadsper-col-6-left.aos-animate svg.mobile-show-img path#Path_482,
.leadsper-col-6-right.aos-animate .b2b-grap-img svg path#Path_482,
.leadsper-col-6-right.aos-animate .b2b-grap-img svg path#Trazado_471,
.leadsper-col-6-right.aos-animate .b2b-grap-img svg path#Trazado_12454,
.leadsper-col-6-right.aos-animate .b2b-grap-img svg path#Trazado_480,
.leadsper-col-6-right.aos-animate .b2b-grap-img svg path#Trazado_482,
.leadsper-col-6-left.aos-animate svg.mobile-show-img path#Trazado_480,
.leadsper-col-6-left.aos-animate svg.mobile-show-img path#Trazado_482,
.leadsper-col-6-left.aos-animate svg.mobile-show-img path#Trazado_12454,
.leadsper-col-6-left.aos-animate svg.mobile-show-img path#Trazado_471 {
    stroke-dashoffset: 0;
    stroke-dasharray: 901px 701px;
    transition: 5s;
    transition-delay: 1s;
}

/* .b2b-grap-img svg path#Trazado_473-4 {
  stroke-dashoffset: 0;
  stroke-dasharray: 0 401px;
  transition: 5s;
}
.leadsper-col-6-right.aos-animate .b2b-grap-img svg path#Trazado_473-4 {
  stroke-dashoffset: 0;
  stroke-dasharray: 501px 401px;
  transition: 5s;
  transition-delay: 1s;
} */


.letter-wrap {
    display: inline-block;
    position: relative;
}

.letter-wrap * {
    pointer-events: none;
}

.letter-wrap__word {
    display: inline-flex;
    position: relative;
    overflow: hidden;
}

.letter-wrap__char {
    display: inline-block;
    position: relative;
    text-transform: uppercase;
}

.letter-wrap__char-inner {
    display: inline-block;
}

.letter-wrap__char-inner:after {
    content: attr(data-letter);
    position: absolute;
    top: 100%;
    left: 0;
    color: var(--secondary-clr);
}

.btn-href-link:hover svg.progress-cricle-svg {
    /* animation: ib 2s none linear; */
    transform: scale3d(1, 1, 1);
}

.btn-href-link img.circle-loophover {
    display: none;
}

.btn-href-link:hover img.circle-loop-show {
    display: none;
}

.btn-href-link img {
    width: 5.2vw;
    position: absolute;
    display: block;
    top: calc(50% - 2.4vw);
    left: calc(50% - -1.44vw);
    transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);
    border-radius: 5vw;
    background: none;
    box-shadow: none;
    opacity: 1;
}

.btn-href-link:hover img.circle-loophover {
    display: block;
}

.btn-href-link:hover svg.progress-cricle-svg {
    display: none;
}

@keyframes ib {
    0% {
        transform: rotateX(0deg) scale(1);
    }

    50% {
        transform: rotateX(180deg) scale(1, 1);
    }

    100% {
        transform: rotateX(360deg) scale(1);
    }
}

/* SVG GRAF CSS START */
.cls-1 {
    fill: #191919;
}

.cls-2,
.cls-3 {
    fill: #fff;
    font-family: 'Urbanist', sans-serif;
    font-weight: 500;
}

.cls-2 {
    font-size: 9.5px;
}

.cls-3 {
    font-size: 7.5px;
}

.cls-4,
.cls-6 {
    fill: none;
    stroke-width: 0.4px;
}

.cls-4 {
    stroke: #fff;
}

.cls-5 {
    opacity: 0.2;
}

.cls-6 {
    stroke: #47e5a4;
}

.cls-7 {
    fill: #47e5a4;
    opacity: 0.08;
}

.cls-1-e-c {
    fill: #191919;
}

.cls-2-e-c,
.cls-3-e-c {
    fill: #fff;
    font-family: 'Urbanist', sans-serif;
    font-weight: 500;
}

.cls-2-e-c {
    font-size: 9.5px;
}

.cls-3-e-c {
    font-size: 7.5px;
}

.cls-4-e-c,
.cls-6-e-c {
    fill: none;
    stroke-width: 0.4px;
}

.cls-4-e-c {
    stroke: #fff;
}

.cls-5-e-c {
    opacity: 0.2;
}

.cls-6-e-c {
    stroke: #47e5a4;
}

.cls-7-e-c {
    fill: #47e5a4;
    opacity: 0.08;
}

.cls-1-b2c,
.cls-4-b2c,
.cls-8-b2c {
    fill: none;
    stroke-width: 0.4px;
}

.cls-1-b2c {
    stroke: #47e5a4;
}

.cls-2-b2c {
    font-size: 9.5px;
}

.cls-2-b2c,
.cls-3-b2c {
    font-family: 'Urbanist', sans-serif;
    font-weight: 500;
}

.cls-3-b2c {
    font-size: 7.5px;
}

.cls-4-b2c {
    stroke: #000;
}

.cls-5-b2c {
    opacity: 0.1;
}

.cls-6-b2c {
    fill: rgba(71, 229, 164, 0.08);
}

.cls-7-b2c {
    stroke: none;
}

.cls-1-b2p,
.cls-4-b2p,
.cls-8-b2p {
    fill: none;
    stroke-width: 0.4px;
}

.cls-1-b2p {
    stroke: #47e5a4;
}

.cls-2-b2p {
    font-size: 9.5px;
}

.cls-2-b2p,
.cls-3-b2p {
    font-family: 'Urbanist', sans-serif;
    font-weight: 500;
}

.cls-3-b2p {
    font-size: 7.5px;
}

.cls-4-b2p {
    stroke: #000;
}

.cls-5-b2p {
    opacity: 0.1;
}

.cls-6-b2p {
    fill: rgba(71, 229, 164, 0.08);
}

.cls-7-b2p {
    stroke: none;
}

.cls-1-email {
    fill: #191919;
}

.cls-2-email,
.cls-3-email {
    fill: #fff;
    font-family: 'Urbanist', sans-serif;
    font-weight: 500;
}

.cls-2-email {
    font-size: 7.5px;
}

.cls-3-email {
    font-size: 9.5px;
}

.cls-4-email {
    opacity: 0.2;
}

.cls-5-email,
.cls-6-email {
    fill: none;
    stroke-width: 0.4px;
}

.cls-5-email {
    stroke: #fff;
}

.cls-6-email {
    stroke: #2768f5;
}

.cls-7-email {
    fill: #2768f5;
    opacity: 0.15;
}

.cls-1-email-2 {
    fill: #191919;
}

.cls-2-email-2,
.cls-3-email-2 {
    fill: #fff;
    font-family: 'Urbanist', sans-serif;
    font-weight: 500;
}

.cls-2-email-2 {
    font-size: 7.5px;
}

.cls-3-email-2 {
    font-size: 9.5px;
}

.cls-4-email-2,
.cls-7-email-2 {
    fill: none;
    stroke-width: 0.4px;
}

.cls-4-email-2 {
    stroke: #fff;
}

.cls-5-email-2 {
    opacity: 0.2;
}

.cls-6-email-2 {
    fill: rgba(39, 104, 245, 0.15);
}

.cls-7-email-2 {
    stroke: #2768f5;
}

.cls-1-email-3,
.cls-5-email-3,
.cls-8-email-3 {
    fill: none;
    stroke-width: 0.4px;
}

.cls-1-email-3 {
    stroke: #2768f5;
}

.cls-2-email-3 {
    font-size: 7.5px;
}

.cls-2-email-3,
.cls-3-email-3 {
    font-family: 'Urbanist', sans-serif;
    font-weight: 500;
}

.cls-3-email-3 {
    font-size: 9.5px;
}

.cls-4-email-3 {
    opacity: 0.1;
}

.cls-5-email-3 {
    stroke: #000;
}

.cls-6-email-3 {
    fill: #2768f5;
    opacity: 0.15;
}

.cls-7-email-3 {
    stroke: none;
}

.cls-1-email-4,
.cls-6-email-4,
.cls-9-email-4 {
    fill: none;
    stroke-width: 0.4px;
}

.cls-1-email-4 {
    stroke: #2768f5;
}

.cls-2-email-4 {
    font-size: 7.5px;
}

.cls-2-email-4,
.cls-3-email-4,
.cls-4-email-4 {
    font-family: 'Urbanist', sans-serif;
    font-weight: 500;
}

.cls-3-email-4 {
    font-size: 9.5px;
}

.cls-4-email-4 {
    font-size: 7.5px;
}

.cls-5-email-4 {
    opacity: 0.1;
}

.cls-6-email-4 {
    stroke: #000;
}

.cls-7-email-4 {
    fill: #2768f5;
    opacity: 0.15;
}

.cls-8-email-4 {
    stroke: none;
}

.cls-1-social-1 {
    fill: #191919;
}

.cls-2-social-1,
.cls-3-social-1 {
    fill: #fff;
    font-family: 'Urbanist', sans-serif;
    font-weight: 500;
}

.cls-2-social-1 {
    font-size: 7.5px;
}

.cls-3-social-1 {
    font-size: 9.5px;
}

.cls-10-social-1,
.cls-4-social-1,
.cls-6-social-1,
.cls-8-social-1 {
    fill: none;
    stroke-width: 0.4px;
}

.cls-4-social-1 {
    stroke: #fff;
}

.cls-5-social-1 {
    opacity: 0.2;
}

.cls-6-social-1 {
    stroke: #ff9300;
}

.cls-7-social-1 {
    fill: #ff9300;
}

.cls-11-social-1,
.cls-7-social-1,
.cls-9-social-1 {
    opacity: 0.15;
}

.cls-8-social-1 {
    stroke: #dd2a7b;
}

.cls-13-social-1,
.cls-9-social-1 {
    fill: #dd2a7b;
}

.cls-10-social-1 {
    stroke: #39a9fd;
}

.cls-11-social-1 {
    fill: #39a9fd;
}

.cls-12-social-1 {
    fill: #f89303;
}

.cls-14-social-1 {
    fill: #17a9fd;
}

/* SVG GRAF CSS END */

.web-design-soundmind-wrap .video-fullecreen video {
    width: 100%;
    display: block;
}

.ready-potential-ipad-wrap .video-fullecreen video {
    width: 100%;
    display: block;
}



/* ------------- */


@-webkit-keyframes animation-lightspeed-in {
    0% {
        opacity: 0;
        transform: translateY(100%);
    }

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

@keyframes animation-lightspeed-in {
    0% {
        opacity: 0;
        transform: translateY(100%);
    }

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

@-webkit-keyframes animation-lightspeed-horizontal {
    0% {
        opacity: 0;
        transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes animation-lightspeed-horizontal {
    0% {
        opacity: 0;
        transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.grap-svgchart {
    margin: 0 auto;
    position: absolute;
    bottom: 12.4vw;
    z-index: 1;
    left: 6.5vw;
    right: 10.5vw;
}

.grap-chart-vertical {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    height: 20.112vw;
    justify-content: space-between;
    overflow: hidden;
    align-items: flex-end;
}

.grap-chart-vertical::after {
    clear: both;
    content: "";
    display: block;
}

.grap-chart-vertical .chart-bar-grap {
    background: rgba(57, 169, 253, 0.15);
    list-style: none;
    margin-bottom: 0;
    margin-right: 1vw;
    opacity: 0;
    width: 100%;
    border: 0.1vw #39a9fd solid;
    border-bottom: none;
}

.aos-animate .grap-chart-vertical .chart-bar-grap {
    -webkit-animation: 1s animation-lightspeed-in ease forwards;
    animation: 1s animation-lightspeed-in ease forwards;
}

.grap-chart-vertical .chart-bar-grap:nth-of-type(12) {
    -webkit-animation-delay: 3.7s;
    animation-delay: 3.7s;
}

.grap-chart-vertical .chart-bar-grap:nth-of-type(11) {
    -webkit-animation-delay: 3.4s;
    animation-delay: 3.4s;
}

.grap-chart-vertical .chart-bar-grap:nth-of-type(10) {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

.grap-chart-vertical .chart-bar-grap:nth-of-type(9) {
    -webkit-animation-delay: 2.7s;
    animation-delay: 2.7s;
}

.grap-chart-vertical .chart-bar-grap:nth-of-type(8) {
    -webkit-animation-delay: 2.4s;
    animation-delay: 2.4s;
}

.grap-chart-vertical .chart-bar-grap:nth-of-type(7) {
    -webkit-animation-delay: 2.1s;
    animation-delay: 2.1s;
}

.grap-chart-vertical .chart-bar-grap:nth-of-type(6) {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
    background: rgba(255, 147, 0, 0.15);
    border-color: rgb(255 147 0);
}

.grap-chart-vertical .chart-bar-grap:nth-of-type(5) {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    background: rgba(221, 42, 123, 0.154);
    border-color: rgb(221 42 123);
}

.grap-chart-vertical .chart-bar-grap:nth-of-type(4) {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

.grap-chart-vertical .chart-bar-grap:nth-of-type(3) {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
    background: rgba(255, 147, 0, 0.15);
    border-color: rgb(255 147 0);
    margin-right: 4vw;
}

.grap-chart-vertical .chart-bar-grap:nth-of-type(2) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    background: rgba(221, 42, 123, 0.154);
    border-color: rgb(221 42 123);
}

.grap-chart-vertical .chart-bar-grap:nth-of-type(1) {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.grap-chart-vertical .chart-bar-grap[data-skill="010"] {
    height: 1.713vw;
}

.grap-chart-vertical .chart-bar-grap[data-skill="020"] {
    height: 2.85vw;
}

.grap-chart-vertical .chart-bar-grap[data-skill="030"] {
    height: 4.4353vw;
}

.grap-chart-vertical .chart-bar-grap[data-skill="025"] {
    height: 3.2353vw;
}

.grap-chart-vertical .chart-bar-grap[data-skill="040"] {
    height: 3.6353vw;
}

.grap-chart-vertical .chart-bar-grap[data-skill="050"] {
    height: 6.4353vw;
}

.grap-chart-vertical .chart-bar-grap[data-skill="060"] {
    height: 10.112vw;
}

.grap-chart-vertical .chart-bar-grap[data-skill="070"] {
    height: 11.4353vw;
}

.grap-chart-vertical .chart-bar-grap[data-skill="080"] {
    height: 12.4353vw;
}

.grap-chart-vertical .chart-bar-grap[data-skill="090"] {
    height: 13.4353vw;
}

.grap-chart-vertical .chart-bar-grap[data-skill="100"] {
    height: 14.4353vw;
}

.b2b-grap-1-img .grap-svgchart {
    left: 3.1vw;
    right: 6vw;
    bottom: 9.14vw;
}

.b2b-grap-1-img .grap-svgchart .grap-chart-vertical .chart-bar-grap {
    margin-right: 2.55vw;
    border-color: #2768f5;
    border-bottom: none;
    background: rgba(39, 104, 245, 0.15);
}

.grap-chart-vertical .chart-bar-grap[data-skill="1"] {
    height: 1.4vw;
}

.grap-chart-vertical .chart-bar-grap[data-skill="2"] {
    height: 2.8vw;
}

.grap-chart-vertical .chart-bar-grap[data-skill="3"] {
    height: 4.03vw;
}

.grap-chart-vertical .chart-bar-grap[data-skill="4"] {
    height: 6.3vw;
}

.grap-chart-vertical .chart-bar-grap[data-skill="5"] {
    height: 9.5vw;
}

.grap-chart-vertical .chart-bar-grap[data-skill="6"] {
    height: 10.6vw;
}

.grap-chart-vertical .chart-bar-grap[data-skill="7"] {
    height: 3.8vw;
}

.grap-chart-vertical .chart-bar-grap[data-skill="8"] {
    height: 7.8vw;
}

.grap-chart-vertical .chart-bar-grap[data-skill="9"] {
    height: 11.74vw;
}

.grap-chart-vertical .chart-bar-grap[data-skill="10"] {
    height: 14.4353vw;
}

.grap-chart-vertical .chart-bar-grap[data-skill="11"] {
    height: 11.74vw;
}

.grap-chart-vertical .chart-bar-grap[data-skill="12"] {
    height: 14.4353vw;
}

.b2b-grap-2-img .grap-svgchart {
    left: 4.6vw;
    right: 5.6vw;
    bottom: 6.9vw;
}

.b2b-grap-2-img .grap-svgchart .grap-chart-vertical .chart-bar-grap {
    margin-right: 4.85vw;
    border-color: #2768f5;
    border-bottom: none;
    background: rgba(39, 104, 245, 0.15);
}

.b2b-grap-3-img .grap-svgchart {
    left: 4vw;
    right: 10vw;
    bottom: 7.9vw;
}

.b2b-grap-3-img .grap-svgchart .grap-chart-vertical .chart-bar-grap {
    margin-right: 0.65vw;
    border-color: #2768f5;
    border-bottom: none;
    background: rgba(39, 104, 245, 0.15);
}

.b2b-grap-3-img .grap-svgchart .grap-chart-vertical .chart-bar-grap[data-skill="12"] {
    height: 13.8353vw;
}

.b2b-grap-3-img .grap-svgchart .grap-chart-vertical .chart-bar-grap[data-skill="11"] {
    height: 10.74vw;
}

.b2b-grap-3-img .grap-svgchart .grap-chart-vertical .chart-bar-grap[data-skill="10"] {
    height: 8.5353vw;
}

.b2b-grap-3-img .grap-svgchart .grap-chart-vertical .chart-bar-grap[data-skill="9"] {
    height: 9.4vw;
}

.b2b-grap-3-img .grap-svgchart .grap-chart-vertical .chart-bar-grap[data-skill="8"] {
    height: 7.5vw;
}

.b2b-grap-3-img .grap-svgchart .grap-chart-vertical .chart-bar-grap[data-skill="7"] {
    height: 5.6vw;
}

.b2b-grap-3-img .grap-svgchart .grap-chart-vertical .chart-bar-grap[data-skill="6"] {
    height: 4.4vw;
}

.b2b-grap-3-img .grap-svgchart .grap-chart-vertical .chart-bar-grap[data-skill="5"] {
    height: 4vw;
}

.b2b-grap-3-img .grap-svgchart .grap-chart-vertical .chart-bar-grap[data-skill="4"] {
    height: 5vw;
}

.b2b-grap-3-img .grap-svgchart .grap-chart-vertical .chart-bar-grap[data-skill="3"] {
    height: 3.8vw;
}

.b2b-grap-3-img .grap-svgchart .grap-chart-vertical .chart-bar-grap[data-skill="2"] {
    height: 2.5vw;
}


.seo-grap-1-img .grap-svgchart {
    left: 3.6vw;
    right: 6.6vw;
    bottom: 4.55vw;
}

.seo-grap-1-img .grap-svgchart .grap-chart-vertical .chart-bar-grap {
    margin-right: 2.55vw;
    border-color: #47e5a4;
    border-bottom: none;
    background: rgba(71, 229, 164, 0.15);
}

.seo-grap-1-img .grap-chart-vertical .chart-bar-grap[data-skill="1"] {
    height: 5.2vw;
}

.seo-grap-1-img .grap-chart-vertical .chart-bar-grap[data-skill="2"] {
    height: 5.5vw;
}

.seo-grap-1-img .grap-chart-vertical .chart-bar-grap[data-skill="3"] {
    height: 6.3vw;
}

.seo-grap-1-img .grap-chart-vertical .chart-bar-grap[data-skill="4"] {
    height: 6.9vw;
}

.seo-grap-1-img .grap-chart-vertical .chart-bar-grap[data-skill="5"] {
    height: 7.6vw;
}

.seo-grap-1-img .grap-chart-vertical .chart-bar-grap[data-skill="6"] {
    height: 9.8vw;
}

.about-map-mobile-img {
    display: none;
}

.chat--container {
    z-index: 111;
    position: fixed;
    background-color: #000;
    border-radius: 50%;
    cursor: pointer;
    display: none !important;
    align-items: center;
    justify-content: center;
    border: 0.1vw #fff solid;
    width: 5.75vw;
    height: 5.75vw;
    bottom: 3.5vw;
    right: 3.8vw;
}

.chat-box-show .chat--container {
    display: flex !important;
}

.chat--bubble {
    margin-top: 0;
    padding: 0 0;
}

.chat--bubble svg,
.chat--bubble svg path {
    fill: #fff;
}

.chat--bubble svg:nth-child(1) {
    margin-right: 0.52vw;
    width: 0.931vw;
    height: 1.173vw;
}

.chat--bubble svg:nth-child(3) {
    margin-left: 0.52vw;
    width: 1.091vw;
    height: 1.044vw;
}

.chat--bubble svg:nth-child(2) {
    width: 0.1045vw;
    height: 1.15vw;
}

.chat--text {
    font-weight: 600;
    font-family: 'Urbanist', sans-serif;
    text-align: center;
    color: #fff;
    padding-top: 0.5vw;
    font-size: 0.63vw;
}

.chat--box {
    display: none;
    cursor: auto;
    position: fixed;
    background-color: #000;
    padding: 2.3vw 1.3vw 1.9vw;
    border: 1px #fff solid;
    z-index: 111;
    width: 20.9vw;
    height: 13.55vw;
    bottom: 3.51vw;
    right: 2.9vw;
    border-radius: 1vw;
}

.chat--box .close--button {
    background-color: transparent;
    border: none;
    background-image: url(../images/whiteicon-close.svg);
    position: absolute;
    cursor: pointer;
    z-index: 10;
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 1.15vw;
    height: 1.15vw;
    top: 0.97vw;
    right: 1.05vw;
}

.chat--headline {
    font-weight: 600;
    color: #fff;
    font-family: 'Urbanist', sans-serif;
    font-size: 1.46vw;
    line-height: 1.8vw;
}

.talkto-sales {
    font-family: 'Urbanist', sans-serif;
    color: #fff;
    font-weight: 600;
    line-height: 1.15vw;
    font-size: 0.94vw;
    padding-top: 1.35vw;
    padding-bottom: 0.25vw;
}

.monthchat {
    color: #fff;
    font-family: 'Urbanist Regular';
    font-size: 0.73vw;
    line-height: 0.9vw;
}

.chatbuttons-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 1.45vw;
    justify-content: center;
}

.chat--cta {
    display: inline-flex;
    padding: 0.14vw 1vw;
    font-weight: 500;
    font-family: 'Urbanist', sans-serif;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-transform: uppercase;
    height: 2.24vw;
    min-width: 8.594vw;
    border-radius: 2vw;
    border: 0.12vw solid #fff;
    font-size: 0.74vw;
    line-height: 1vw;
}

.chat--cta:hover {
    color: #000;
    border-color: #fff;
    background-color: #fff;
}

.chat--cta.chatnow-cta {
    /* background: #3f6be1;
    border-color: #3f6be1; */
}

a.chat--cta.schedule-call-link {
    background: #3f6be1;
    border-color: #3f6be1;
}

a.chat--cta.schedule-call-link:hover {
    background: #fff;
    border-color: #fff;
    color: #000;
}

.chat--buttons:nth-child(2) {
    margin-left: 0.35vw;
}

.chat--buttons div:nth-child(1) {
    display: inline-block;
}


.getStarted-popup .modal-dialog {
    margin-right: 0;
    margin-bottom: 0;
    margin-top: 0;
    height: 100vh;
    max-width: 26.042vw;
}

.getStarted-popup .modal-content {
    background-color: #000;
    border: none;
    border-radius: 0;
    padding: 1.563vw 1.042vw 1.563vw 1.302vw;
    height: 100%;
    overflow: auto;
    border-left: .1vw #696969 solid;
}

.getStarted-popup .modal-header {
    padding: 0;
    border-bottom: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.getStarted-popup .modal-header .close {
    margin: 0;
    opacity: 1;
    position: absolute;
    padding: 0;
    z-index: 1;
    cursor: pointer;
    width: 1.4vw;
    height: 1.4vw;
    right: 1.042vw;
    top: 2.344vw;
}

.getStarted-popup .modal-body {
    padding: 0
}

.getStarted-popup .modal-body h3 {
    margin-bottom: 0;
    color: #fff;
    font-size: 2.5vw;
    text-transform: uppercase;
    line-height: 2.708vw;
    /* letter-spacing: 0.1vw; */
    font-family: 'Urbanist', sans-serif;
    font-weight: 900;
    margin-top: 0;
}

.letstalk-popup-inner {
    padding-top: 1vw;
}

.letstalk-popup-inner .form-group-send.form-group.full {
    margin-bottom: 0;
    padding-top: 0.729vw;
}

.letstalk-popup-inner .form-group p>label {
    color: #f4f4f4;
    font-family: 'Urbanist', sans-serif;
    font-weight: 400;
    margin-bottom: 0.4vw;
    font-size: 1.2vw;
    line-height: 1.7vw;
}

.letstalk-popup-inner .form-group .form-control {
    border: none;
    border-bottom: 0.1vw solid #696969;
    color: #696969;
    font-family: 'Urbanist', sans-serif;
    font-weight: 400;
    outline: none;
    box-sizing: inherit;
    background: 0 0;
    border-radius: 0;
    padding: 0;
    height: 2.584vw;
    font-size: 1.2vw;
    line-height: 1.7vw;
}

.letstalk-popup-inner .form-group .form-control {
    color: #fff;
}

.letstalk-popup-inner .form-group .form-control::placeholder {
    color: #696969;
    opacity: 1
}

.letstalk-popup-inner .form-group .form-control:-ms-input-placeholder {
    color: #696969
}

.letstalk-popup-inner .form-group .form-control::-ms-input-placeholder {
    color: #696969
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #000 inset
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s;
    -webkit-text-fill-color: #fff !important;
    -webkit-box-shadow: 0 0 0 30px #000 inset !important
}

.letstalk-popup-inner .form-group .form-control:focus {
    box-shadow: none
}

.letstalk-popup-inner .form-group {
    padding: 0 0.5vw;
    margin-bottom: 1.04vw;
}

.letstalk-popup-inner .radio-common-button {
    max-width: 300px;
    padding-top: 0.7vw;
}

.wpcf7-response-output {
    color: #fff
}

.letstalk-popup-inner .form-group .radio-common-button label {
    color: #f4f4f4;
    line-height: normal;
    font-family: 'Urbanist', sans-serif;
    font-weight: 400;
    margin: 0;
    text-align: left;
    display: inline-block;
    position: relative;
    font-size: 0.81vw;
    padding-bottom: 0.8vw;
    padding-left: 1.44vw;
    width: 7vw;
}

.radio-common-button .radio-button input[type=radio] {
    display: none;
}

.radio-common-button .radio-button input[type=radio]:checked+.wpcf7-list-item-label .radio-button-circle {
    background-color: #3f6be1;
}

.letstalk-popup-inner .radio-common-button .radio-button-circle {
    border-radius: 50%;
    cursor: pointer;
    display: block;
    position: absolute;
    transition: background-color .1s ease-out;
    vertical-align: middle;
    width: 0.625vw;
    margin: 0;
    right: inherit;
    height: 0.625vw;
    left: 0.2vw;
    top: 0.2vw;
}

.letstalk-popup-inner .radio-common-button .radio-button-circle:before {
    border: 0.1vw solid #3f6be1;
    border-radius: 50%;
    content: "";
    display: inline-block;
    position: absolute;
    transition: border-color .1s ease-out, transform .1s ease-out;
    top: -0.23vw;
    left: -0.2vw;
    width: 1.042vw;
    height: 1.042vw;
}

.radio-common-button {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.radio-common-button.get-touch-common {
    max-width: 100%;
    justify-content: flex-start
}

.checkbox-common-button {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%
}

.checkbox-common-button span.wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-required {
    display: flex;
    flex-wrap: wrap
}

.checkbox-common-button .container-common {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    color: #f4f4f4;
    font-size: 16px;
    line-height: normal;
    font-family: 'Urbanist Regular';
    font-weight: 400
}

.checkbox-common-button span.wpcf7-list-item {
    width: 50%;
    margin: 0
}

.checkbox-common-button .container-common input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkbox-common-button .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 1px solid #3f6be1
}

.checkbox-common-button .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.checkbox-common-button .container-common input:checked~.checkmark:after {
    display: block
}

.checkbox-common-button .container-common .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid #3f6be1;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.modal {
    z-index: 1111111
}

.modal.getStarted-popup {
    z-index: 1111111
}

.mobile-menu .grecaptcha-badge {
    z-index: 0 !important
}


.letstalk-popup-inner button.btn.btn-send,
.letstalk-popup-inner input.btn.btn-send {
    border: 0.11vw solid #f4f4f4;
    height: 3vw;
}

.letstalk-popup-inner button.btn.btn-send:hover,
.letstalk-popup-inner input.btn.btn-send:hover {
    background-color: #fff
}

.form-group-send {
    text-align: center;
    padding-top: 15px;
    position: relative
}

.form-group-send span.wpcf7-spinner {
    position: absolute;
    margin: 0;
    right: 13px;
    top: 40px
}

.email,
.phone {
    display: none
}

#rb-email:checked~.email {
    display: block
}

#rb-phone:checked~.phone {
    display: block
}

.modal.left .modal-dialog,
.modal.right .modal-dialog {
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0)
}

.modal.left .modal-content,
.modal.right .modal-content {}

.modal.left .modal-body,
.modal.right .modal-body {}

.modal.right.fade .modal-dialog {
    right: -50vw;
    -webkit-transition: opacity .3s linear, right .3s ease-out;
    -moz-transition: opacity .3s linear, right .3s ease-out;
    -o-transition: opacity .3s linear, right .3s ease-out;
    transition: opacity .3s linear, right .3s ease-out
}

.modal.right.fade.show .modal-dialog {
    right: 0;
}

.sub-contact-info {
    margin-top: 1.042vw;
}

.sub-contact-info p {
    color: #fff;
    font-family: 'Urbanist Regular';
    font-size: 1.2vw;
    line-height: 1.7vw;
}

.sub-contact-info p a {
    color: #fff;
    text-decoration: underline;
}

.letstalk-popup-inner form {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.5vw;
}

.letstalk-popup-inner .form-group.half {
    width: 100%;
}

.form-group p {
    color: #000;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    margin-bottom: 0;
    padding-right: 0;
    font-size: 1vw;
    line-height: 1.1vw;
}

.letstalk-popup-inner .form-group.full {
    width: 100%;
}

.letstalk-popup-inner .form-group select.form-control {
    background-image: url(../images/angle-arrow-down.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 0.6vw;
}

.letstalk-popup-inner .form-group select.form-control option {
    background: #000;
}

.radio-common-button .radio-button {
    display: block;
}

.radio-common-button.get-touch-common span.wpcf7-list-item.first {
    margin: 0;
}

span.wpcf7-list-item-label {
    text-transform: capitalize;
}

span[data-name=cc-num] {
    display: none !important;
}

span[data-name=subscribed_to_blog] {
    display: none !important;
}

.visible-only-if-sent {
    display: none;
    color: #fff;
    font-size: 20px;
    line-height: normal;
    font-family: urbanist;
    font-weight: 400;
}

.visible-only-if-sent p {
    color: #fff;
    font-size: 14px;
    line-height: 21px;
    font-family: 'Urbanist Regular';
}

.visible-only-if-sent p a {
    color: #696969;
}

.visible-only-if-sent p a:hover {
    color: #fff;
}

.letstalk-popup-inner .form-group .btn.btn-send {
    min-width: 12vw;
    font-size: 1vw;
}

.letstalk-popup-inner .btn.disabled,
.letstalk-popup-inner .btn:disabled,
fieldset:disabled .btn {
    color: #000;
    opacity: 1;
    background: #fff
}

form.invalid .wpcf7-response-output {
    color: red !important;
    font-size: 0.7vw;
}

.letstalk-popup-inner .wpcf7 form .wpcf7-response-output {
    border: none;
}

body .wpcf7-not-valid-tip {
    font-size: 0.7vw;
}


/* ADS GRAF ANINATION CSS START */
.cls-1-ads {
    fill: #191919;
}

.cls-2-ads,
.cls-3-ads {
    fill: #fff;
    font-family: 'Urbanist', sans-serif;
    font-weight: 500;
}

.cls-2-ads {
    font-size: 10px;
}

.cls-3-ads {
    font-size: 12px;
}

.cls-4-ads,
.cls-6-ads {
    fill: none;
}

.cls-4-ads {
    stroke: #fff;
}

.cls-5-ads {
    opacity: 0.2;
}

.cls-6-ads {
    stroke: #ec6553;
}

.cls-7-ads {
    fill: rgba(255, 89, 75, 0.15);
}

.cls-1-ads-chart-2 {
    fill: #191919;
}

.cls-2-ads-chart-2,
.cls-3-ads-chart-2 {
    fill: #fff;
    font-family: Urbanist;
    font-weight: 500;
}

.cls-2-ads-chart-2 {
    font-size: 10px;
}

.cls-3-ads-chart-2 {
    font-size: 12px;
}

.cls-4-ads-chart-2,
.cls-6-ads-chart-2 {
    fill: none;
}

.cls-4-ads-chart-2 {
    stroke: #fff;
}

.cls-5-ads-chart-2 {
    opacity: 0.2;
}

.cls-6-ads-chart-2 {
    stroke: #ec6553;
}

.cls-7-ads-chart-2 {
    fill: rgba(255, 89, 75, 0.15);
}

.cls-1-ads-chart-4,
.cls-4-ads-chart-4,
.cls-6-ads-chart-4,
.cls-9-ads-chart-4 {
    fill: none;
}

.cls-1-ads-chart-4 {
    stroke: #f6594c;
}

.cls-2-ads-chart-4 {
    font-size: 10px;
}

.cls-2-ads-chart-4,
.cls-3-ads-chart-4 {
    font-family: Urbanist;
    font-weight: 500;
}

.cls-3-ads-chart-4 {
    font-size: 12px;
}

.cls-4-ads-chart-4 {
    stroke: #000;
}

.cls-5-ads-chart-4 {
    opacity: 0.1;
}

.cls-6-ads-chart-4 {
    stroke: #ec6553;
}

.cls-7-ads-chart-4 {
    fill: #f6594c;
}

.cls-8-ads-chart-4 {
    stroke: none;
}

.cls-1-ads-chart-3,
.cls-5-ads-chart-3,
.cls-9 {
    fill: none;
}

.cls-1-ads-chart-3 {
    stroke: #ec6553;
}

.cls-2-ads-chart-3 {
    font-size: 10px;
}

.cls-2-ads-chart-3,
.cls-3-ads-chart-3,
.cls-4-ads-chart-3 {
    font-family: Urbanist;
    font-weight: 500;
}

.cls-3-ads-chart-3 {
    font-size: 12px;
}

.cls-4-ads-chart-3 {
    font-size: 9px;
}

.cls-5-ads-chart-3 {
    stroke: #000;
}

.cls-6-ads-chart-3 {
    opacity: 0.1;
}

.cls-7-ads-chart-3 {
    fill: rgba(246, 89, 76, 0.15);
    stroke: #f6594c;
}

.cls-8-ads-chart-3 {
    stroke: none;
}

.ads-grap-1-img .grap-svgchart {
    bottom: 8.1vw;
    z-index: 1;
    left: 8.1vw;
    right: 8vw;
}

.ads-grap-1-img .grap-svgchart ul.grap-chart-vertical {
    flex-wrap: wrap;
    height: auto;
}

.ads-grap-1-img .grap-chart-vertical .chart-bar-grap {
    width: 100%;
    height: 0.85vw;
    border: none;
    background: none;
    margin-top: 1.4vw;
    margin-right: 0;
}

.ads-grap-1-img .grap-chart-vertical .chart-bar-grap::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    border: 0.15vw #f6594c solid;
    border-left: none;
    background: rgba(246, 89, 76, 0.15);
    left: 0;
    width: 100%;
}

.ads-grap-1-img .grap-chart-vertical .chart-bar-grap[data-skill="2"]::after {
    width: 95%;
}

.ads-grap-1-img .grap-chart-vertical .chart-bar-grap[data-skill="3"]::after {
    width: 57%;
}

.ads-grap-1-img .grap-chart-vertical .chart-bar-grap[data-skill="4"]::after {
    width: 25%;
}

.ads-grap-1-img .grap-chart-vertical .chart-bar-grap[data-skill="5"]::after {
    width: 28%;
}

.ads-grap-1-img .grap-chart-vertical .chart-bar-grap[data-skill="6"]::after {
    width: 13%;
}

.aos-animate .ads-grap-1-img .grap-chart-vertical .chart-bar-grap {
    -webkit-animation: 2s animation-lightspeed-horizontal ease forwards;
    animation: 2s animation-lightspeed-horizontal ease forwards;
}

/* ADS GRAF ANINATION CSS END */

.two-point-new-section.pmm-pageheader {
    background: #E7FA48;
}

.side-menu-blank-close {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.header-video .plyr__video-wrapper {
    background: none;
}

.video-buttons {
    align-items: center;
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
    display: flex;
    font-weight: 500;
    position: absolute;
    font-family: 'Urbanist', sans-serif;
    cursor: pointer;
    padding: 0.45vw 0.5vw;
    top: 0.9vw;
    left: 0.9vw;
    font-size: 0.73vw;
    border-radius: 0.4vw;
}

.play-sound i.fa.fa-volume-off {
    margin-right: 0.45vw;
}

.play-sound i.fa.fa-volume-off,
.mute-video i.fa.fa-volume-up {
    font-size: 1.13vw;
}

.mute-video {
    margin-bottom: -0.1vw;
}

body button.plyr__control--overlaid {
    background: none !important;
    width: 3.334vw;
    height: 3.334vw;
    border: 0.1vw #fff solid;
    border-radius: 100vw;
    padding: 0;
}

body button.plyr__control--overlaid svg {
    left: 0;
    position: relative;
    margin: 0 auto;
    width: 1vw;
    height: 1vw;
}

.play-sound {
    align-items: center;
}

.error-page {
    padding: 6vw 0;
    background: #000;
}

.error-page .readyunlock-potential h1 {
    margin-bottom: 0px;
    color: #FFFFFF;
    font-family: 'Urbanist', sans-serif;
    font-weight: 400;
    text-align: center;
    font-size: 6vw;
    line-height: 6.3vw;
    padding: 0 11vw 3vw;
}

.readyunlock-potential p {
    color: #fff;
    text-align: center;
    font-size: 1.5vw;
    margin: 0 0 2.5vw;
}

.error-page .btn-href-link img {
    left: calc(50% - -4.44vw);
}

.error-page .readyunlock-btn {
    padding-top: 1.45vw;
}

.atf-lets-connect {
    margin-top: 2.031vw;
    margin-bottom: 2.031vw;
}

.atf-lets-connect .btn {
    background: #000;
    border-color: #000;
    border-radius: 0.469vw;
    width: 13.333vw;
    height: 2.917vw;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.094vw;
    font-family: 'Neue Montreal Medium';
    font-weight: 500;
}

.atf-lets-connect .btn:hover {
    background: #fff;
    border-color: #fff;
    color: #000;
}

.marquee-atf-part.marquee-home-logo.marquee-right-atf {
    margin-left: -5.3vw;
    margin-right: -4.6vw;
    margin-top: -0.8vw;
}

.marquee-home-logo.marquee-right-at .marquee-tools img {
    height: 2.6vw;
}

.about-location-heading.desktop-hide {
    display: none;
}

.side-nav.service-step-nav-active {
    width: 56.3vw;
}

.side-nav.service-step-nav-active .side-nav-wrap nav {
    width: 50%;
}

.side-nav.service-step-nav-active .side-nav-wrap nav li.nav-menu-item.service-step-nav>.nav-submenu {
    display: block;
    opacity: 0;
    animation: 1.5s nav-visible forwards .5s;
    animation-delay: 1s;
}

.side-nav.service-step-nav-active.step-two-active {
    width: 86.3vw;
}

.side-nav.service-step-nav-active.step-two-active .side-nav-wrap nav {
    width: 33.33%;
}

.side-nav.service-step-nav-active.step-two-active .side-nav-wrap nav li.nav-menu-item.service-step-nav>.nav-submenu {
    display: block;
    opacity: 0;
    animation: 1.5s nav-visible forwards .5s;
    animation-delay: 1s;
    width: 33.33%;
    left: 33.33%;
}

.side-nav.service-step-nav-active.step-two-active .side-nav-wrap nav li.nav-menu-item.service-step-nav .nav-submenu li.service-step-marketing-nav .nav-submenu {
    display: block;
    opacity: 0;
    animation: 1.5s nav-visible forwards .5s;
    animation-delay: 1s;
    width: 100%;
    left: 100%;
    border-left: 1px solid #fff;
}

.review-atf-2point.review-mobile-review-show {
    display: none;
}


#scroller-mobile {
    width: 10000%;
}

#scroller-mobile.ready>* {
    display: inline-block;
    float: left;
    overflow: hidden;

    webkit-animation-timing-function: linear;
    animation-timing-function: linear;


    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;

    -webkit-animation-delay: 1s;
    animation-delay: 1s;


    -webkit-animation-duration: 40s;
    animation-duration: 40s;


    -webkit-animation-name: marginator;
    animation-name: marginator;



    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

#scroller-mobile:hover>* {


    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

@-webkit-keyframes marginator {
    0% {
        -webkit-transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    }

    100% {
        -webkit-transform: translate(-100%, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
    }
}

@keyframes marginator {
    0% {

        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);

        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {


        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);


        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}


.marquee-home-logo-mobile {
    display: none;
}

.mobile-menu-warp-colum {
    display: none;
}

.pmm-new-first-section .leader-text-info h2 span {
    color: #E7FA48;
}

.pmm-new-first-section .cls-1 {
    stroke: #e7fa48;
}

.pmm-new-first-section .cls-7 {
    fill: #E7FA48;
    opacity: 0.08;
}

.pmm-new-first-section .cls-6 {
    stroke: #E7FA48;
}

.pmm-3x-return-section .leader-text-info h2 span {
    color: #E7FA48;
}

.pmm-3x-return-section .cls-1-ads-chart-2 {
    stroke: #e7fa48;
}

.pmm-3x-return-section .cls-7-ads-chart-2 {
    fill: #E7FA48;
    opacity: 0.08;
}

.pmm-3x-return-section .cls-6-ads-chart-2 {
    stroke: #E7FA48;
}

.pmm-3x-return-section .leader-text-info {
    padding: 0 0 0 2.65vw;
}

.pmm-3x-return-section .leadsper-flex-row:nth-child(even) .leader-text-info {
    padding: 0 2.65vw 0 0;
}

.leadsper-section.pmm-3x-return-section {
    border-bottom: 1px #fff solid;
}

.pmm-3x-return-section .cls-1-email-4 {
    stroke: #E7FA48;
}

.pmm-3x-return-section .cls-2-email-4,
.pmm-3x-return-section .cls-3-email-4,
.pmm-3x-return-section .cls-4-email-4 {
    fill: #fff;
}

.pmm-3x-return-section .cls-6-email-4 {
    stroke: #fff;
}

.pmm-3x-return-section .b2b-grap-3-img .grap-svgchart {
    left: 4vw;
    right: 9vw;
    bottom: 6.95vw;
}

.pmm-3x-return-section .b2b-grap-3-img .grap-svgchart .grap-chart-vertical .chart-bar-grap {
    border-color: #e7fa48;
    background: rgba(231, 250, 72, 0.15);
}

.pmm-3x-return-section .linked-all-white {
    color: #fff;
}

.pmm-3x-return-section .linked-all-white img {
    filter: brightness(0) invert(1);
}

.prodcut-screen-blk-desgin .new-heading-desktop {
    width: 100%;
    background: #000;
    padding: 4.95vw 4vw;
    border-left: 0.1vw #fff solid;
    margin-bottom: 3.85vw;
}

.prodcut-screen-blk-desgin .prodcut-screen-company-info .new-heading-desktop h3 {
    color: #fff;
    padding-bottom: 0;
}

.prodcut-screen-blk-desgin .prodcut-screen-company-info h3 {
    margin: 0 auto;
    padding-bottom: 1.7vw;
}

.prodcut-screen-blk-desgin .prodcut-screen-company-right {
    align-items: flex-start;
    padding-top: 0;
    padding-bottom: 3.4vw;
}

.prodcut-screen-blk-desgin .prodcut-screen-company-info {
    width: 100%;
}

.prodcut-screen-blk-desgin .prodcut-screen-left {
    background: #000;
    border-bottom: 0.1vw #fff solid;
}

.new-header-menu .side-nav-wrap nav ul.nav-submenu {
    position: relative;
    left: 0;
    padding: 0;
    width: 100%;
}

.new-header-menu .side-nav-wrap nav ul>li.nav-menu-item.sub-dropdown-menu>a.selected::after {
    content: "\f107";
}

.new-header-menu .side-nav.service-step-nav-active {
    width: 28.3vw;
}

.new-header-menu .side-nav.service-step-nav-active.step-two-active {
    width: 28.3vw;
}

.new-header-menu .side-nav.service-step-nav-active .side-nav-wrap nav {
    width: 100%;
}

.new-header-menu .side-nav.service-step-nav-active.step-two-active .side-nav-wrap nav {
    width: 100%;
}

.new-header-menu .side-nav.service-step-nav-active.step-two-active .side-nav-wrap nav li.nav-menu-item.service-step-nav>.nav-submenu {
    width: 100%;
    left: 0;
}

.new-header-menu .side-nav.service-step-nav-active .side-nav-wrap nav li.nav-menu-item.service-step-nav>.nav-submenu {
    display: block;
    opacity: 1;
    animation: none;
    animation-delay: 1s;
}

ul.dropdown-submenu {
    display: none;
}

.side-nav-wrap nav ul li a.selected {
    color: #fff !important;
}

.sub-dropdown-menu ul.dropdown-submenu {
    padding-left: 1.2vw !important;
}

.mobile-pdt-pmm-video {
    display: none;
}

.mobile-pdt-pmm-video video {
    width: 100%;
    height: auto;
}

/* REVIEWS HEADER CSS START */
.white-header-backend .two-point-new-section.home-index-page {
    height: auto;
}

.white-header-backend .home-index-page .two-point-new-bdr-top {
    border-top: 0.1vw #000 solid;
}

.white-header-backend .home-index-page .two-point-logo a {
    color: #000;
}

.white-header-backend .home-index-page .nav-manu-new ul li a {
    color: #000;
}

.white-header-backend .home-index-page .btn-href-link {
    color: #000;
}

.white-header-backend .hamburger-toggle img {
    filter: invert(1);
}

.white-header-backend .home-index-page .slde-menu-barbtm .btn-href-link {
    color: #fff;
}

/* REVIEWS HEADER CSS END */

.error-page .readyunlock-potential p {
    line-height: normal;
}

.error-page .readyunlock-potential p a {
    color: #fff;
    text-decoration: underline;
}

.error-page .readyunlock-potential p a:hover {
    color: #a4cf6c;
    text-decoration: none;
}

.atf-lets-connect-hide-desktop {
    display: none !important;
}


/* CHEFDANE WORK PAGE CSS START */
.chef-dane-work-appmusic-section .soundnind-appmusic-wrap h3:nth-child(1) {
    z-index: 2;
}

.chef-dane-work-appmusic-section .appmusic-img-04 {
    bottom: -10vw;
    right: 15.95vw;
    width: 23.698vw;
}

.chef-dane-work-enterprise-section .soundnind-app-enterprise-wrap {
    background: #171717;
}

.cases-desgin-cafe-work-after-before .cndkbeforeafter {
    width: 91.094vw;
}

/* CHEFDANE WORK PAGE CSS END */

/* THE HOLLYDAY CENTER WORK PAGE CSS START */
.halliday-appmusic-section .appmusic-img-02 {
    width: 6.927vw;
    top: 2.3vw;
    left: -7.4vw;
}

.halliday-appmusic-section .appmusic-img-04 {
    width: 18.75vw;
    right: 14.95vw;
    bottom: -5.4vw;
}

/* THE HOLLYDAY CENTER WORK PAGE CSS END */

/* INFINIXBIO CASESTUDIES PAGE CSS START */
.infinixbio-casestudies-section-1 .cfe-hero-banner img {
    opacity: 1;
}

.cases-desgin-cafe-ul-li-flex ul {
    display: grid;
    grid-template-columns: auto auto;
}

.cases-desgin-cafe-ul-li-flex ul li {
    margin-bottom: 0.5vw;
}

.infinixbio-casestudies-section-3 .cndkbeforeafter {
    width: 63.542vw;
}

.infinixbio-casestudies-section-4 {
    background: #000;
    padding-bottom: 1vw;
}

.infinixbio-casestudies-section-4 .review-box-part {
    margin: 0;
    background: #fff;
}

.infinixbio-casestudies-section-4 .review-box-part p,
.infinixbio-casestudies-section-4 .review-box-part h5,
.infinixbio-casestudies-section-4 .review-box-part span {
    color: #000;
}

.cases-desgin-cafe-section.infinixbio-casestudies-section-3 {
    padding-bottom: 0;
}

.infinixbio-casestudies-section-6 #SEO div#counter {
    width: 55%;
    display: none;
}

.infinixbio-casestudies-section-6 #SEO .bars-col-4 {
    width: 86%;
    height: 7.865vw;
}

.infinixbio-casestudies-section-6 #SEO .progerss-line svg {
    width: 19.063vw;
}

/* INFINIXBIO CASESTUDIES PAGE CSS END */

.infinixbio-casestudies-section-6 .cont-lineanition path#Polygon_4 {
    animation: bounce 3.8s alternate;
}

.google-infinixbio-info img.progress-line-fixed {
    width: 56.9%;
}

.google-infinixbio-info ul {
    padding: 0;
    margin: 0;
}

.google-infinixbio-info ul li {
    display: block;
    font-size: 1.25vw;
    line-height: 1.875vw;
    margin: 0 0 2.044vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1vw;
    text-align: right;
}

.google-infinixbio-info {
    padding-top: 1.667vw;
    padding-right: 1.354vw;
    padding-left: 1.406vw;
}

.google-infinixbio-info ul li:nth-child(2) {
    padding-right: 4vw;
}

.google-infinixbio-info ul li:nth-child(3) {
    padding-right: 8vw;
}

.google-infinixbio-info ul li:last-child {
    margin-bottom: 0;
    padding-right: 12vw;
}

.infinixbio-casestudies-section-6 #eblast-campaigns .tab-increased-info-ct h6 {
    margin-bottom: 4.323vw;
}

.infinixbio-casestudies-section-6 div#social-media .commn-img-tb {
    width: 73.8%;
}

.infinixbio-casestudies-section-6 #eblast-campaigns .tab-increased-info-ct p {
    color: #fff;
}

.infinixbio-casestudies-section-6 #eblast-campaigns .live-link.link-black a {
    color: #fff;
}

.infinixbio-casestudies-section-6 #eblast-campaigns .live-link.link-black a img {
    filter: brightness(0) invert(1);
}

.infinixbio-casestudies-section-6 .live-link.link-black a img {
    width: 0.63vw;
}

.case-studies-black-section {
    background: #000;
}

.case-studies-black-section .heading-tmb-cfe h3 {
    color: #fff;
}

.case-studies-black-section .thumble-3commn-col-info h2 a {
    color: #fff;
}

.case-studies-black-section .thumble-3commn-col-info p {
    color: #fff;
}

.case-studies-black-section .slick-prev,
.case-studies-black-section .slick-next {
    border-color: #fff !important;
}

.case-studies-black-section .lefs-button {
    text-align: center;
    padding-top: 3.802vw;
    padding-bottom: 1.5vw;
}

.case-studies-black-section a.btn-href-link {
    color: #fff;
}

.infinixbio-casestudies-section-1 .chefdane-logo img {
    width: 25.4%;
}

.cfe-scroll-row-flx {
    display: flex;
    flex-wrap: wrap;
}

.cfe-scroll-row-item {
    width: 50%;
}

.cfe-scroll-row-item.cfe-full-col-item {
    width: 100%;
}

.cfe-scroll-row-item figure {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0.052vw #a1cab2 solid;
    padding: 2vw 3vw;
}

.cfe-scroll-row-item figure svg {
    width: 16.354vw;
    height: 14.167vw;
}

@keyframes rotacion2 {
    to {
        transform: rotate(360deg) scale(0.7);
        opacity: 0.5
    }
}

.rellenoblanco {
    animation: rotacion2 5s ease-in-out infinite alternate;
    transform-origin: center center
}

.rellenoblanco-two {
    animation: rellenoblanco-two 5s ease-in-out infinite alternate
}

@keyframes rellenoblanco-two {
    0% {
        stroke-dasharray: 1000;
        stroke-dashoffset: 1000
    }

    100% {
        stroke-dasharray: 2000;
        stroke-dashoffset: 4000
    }
}

@keyframes rotacion3 {
    to {
        transform: rotate(-360deg) scale(0.7);
        opacity: 0.5
    }
}

.girar3 {
    animation: rotacion3 5s ease-in-out infinite alternate;
    transform-origin: center center
}

.border-square-row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 0.729vw;
}

.square-bdr {
    height: 5.052vw;
    width: 5.052vw;
    background: linear-gradient(90deg, black 50%, transparent 50%),
        linear-gradient(90deg, black 50%, transparent 50%),
        linear-gradient(0deg, black 50%, transparent 50%),
        linear-gradient(0deg, black 50%, transparent 50%);
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 0.833vw 0.052vw, 0.833vw 0.052vw, 0.052vw 0.833vw, 0.052vw 0.833vw;
    background-position: 0% 0%, 100% 100%, 0% 100%, 100% 0px;
    animation: dash-boder 3s linear infinite;
}

@keyframes dash-boder {
    to {
        background-position: 100% 0%, 0% 100%, 0% 0%, 100% 100%;
    }
}

.eblast-tab-line-animation {
    align-items: center;
}

.line-left-right {
    width: 6vw;
    margin-right: 1vw;
}

.line-left-right svg {
    width: 6vw;
    height: 0.06vw;
}

.line-left-right .dashed {
    stroke-dasharray: 6;
}

.line-left-right .path {
    stroke-dasharray: 500;
    stroke-dashoffset: 500;
    animation: dash-left-right 3s linear infinite;
}

@keyframes dash-left-right {
    from {
        stroke-dashoffset: 1000;
    }

    to {
        stroke-dashoffset: 0;
    }
}

/* BLOG PAGE CSS START */
.blog-single-pge-section {
    margin: 0 0 0;
    padding: 0 0 3.177vw;
    /* border-top: 0.1vw rgba(0,0,0,0.5) solid; */
}

.blog-flex-row {
    display: flex;
    flex-wrap: wrap;
}

.blog-sldebar-left-col {
    width: 39.5%;
}

.blog-slidebar-sticky {
    position: sticky;
    top: 0;
}

.blog-slde-img {
    padding: 3.281vw 3.594vw 2.604vw 3.906vw;
    border-right: 0.1vw rgba(0, 0, 0, 0.5) solid;
}

.blog-slde-img img {
    width: 100%;
}

.single-digital-lab-saturday .blog-slde-img img {
    height: auto;
}

.blog-sldebar-info {
    background: #000;
    padding: 3.177vw 3.542vw 0 3.906vw;
    border-bottom: 0.052vw #fff solid;
}

.blog-inslde-text ul {
    padding: 0;
}

.blog-inslde-text ul li {
    font-size: 1.667vw;
    line-height: 1.979vw;
    color: #fff;
    margin: 0 0 2.083vw;
    padding: 0;
    display: block;
}

.blog-inslde-text ul li a {
    color: #fff;
}

.blog-inslde-text ul li a:hover {
    color: #54C6EB;
}

.blog-inslde-text p {
    color: #fff;
    font-size: 1.094vw;
    line-height: 1.302vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    letter-spacing: 0.1vw;
}

.blog-inslde-text p a {
    color: #fff;
    text-decoration: underline;
}

.blog-inslde-text p a:hover {
    text-decoration: none;
}

.blog-sldebar-info .digital-lab-form {
    background: #fff;
    padding: 2.76vw 2.604vw 3.177vw 2.969vw;
}

.blog-sldebar-info .digital-lab-form p {
    color: #000;
    font-size: 0.938vw;
}

.blog-sldebar-info .email-input {
    color: rgba(0, 0, 0, 0.60);
    border: 0.1vw #000 solid;
}

.blog-sldebar-info .email-input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: rgba(0, 0, 0, 0.60);
}

.blog-sldebar-info .email-input::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(0, 0, 0, 0.60);
}

.blog-sldebar-info .email-input:-ms-input-placeholder {
    /* IE 10+ */
    color: rgba(0, 0, 0, 0.60);
}

.blog-sldebar-info .email-input:-moz-placeholder {
    /* Firefox 18- */
    color: rgba(0, 0, 0, 0.60);
}

.blog-inslde-text {
    margin: 0 0 2.708vw;
}

.slide-bar-blog-post-item {
    margin: 0;
    padding: 2.76vw 0;
}

.blog-title-slidebar {
    font-size: 2.396vw;
    line-height: 2.865vw;
    color: #fff;
    font-family: 'Neue Montreal Regular';
    font-weight: normal;
    padding: 0 0 3.125vw;
    margin: 0;
}

.slide-bar-blog-post-item h4.blog-title-slidebar {
    border-bottom: 0.052vw rgba(255, 255, 255, 0.30) solid;
    margin-bottom: 1.823vw;
}

.slide-bar-blog-post-item .post-slidebar-info {
    border-bottom-color: rgba(255, 255, 255, 0.30);
}

.slide-bar-blog-post-item .post-slidebar-info h5 a {
    color: #fff;
    background: linear-gradient(to bottom, #fff 0%, #fff 98%);
    background-size: 0px 1px;
    background-repeat: no-repeat;
    background-position: left 100%;
}

.slide-bar-blog-post-item .playicon-post img {
    filter: invert(1);
}

.slide-bar-blog-post-item .playicon-post {
    top: 0;
}

.blog-post-right-col {
    width: 60.5%;
    padding-left: 4.688vw;
    padding-top: 3.281vw;
    padding-right: 4.661vw;
    padding-bottom: 3.177vw;
}

.content-wrap-blog {
    padding: 0;
    margin: 0;
}

.content-wrap-blog h1,
.content-wrap-blog h2,
.content-wrap-blog h3,
.content-wrap-blog h4,
.content-wrap-blog h5 {
    font-size: 3.906vw;
    line-height: 4.688vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    margin: 0 0 0.729vw;
}

.blog-big-text-top {
    padding: 0;
    margin: 0;
}

.blog-big-text-top h6 {
    font-size: 0.729vw;
    color: #54C6EB;
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
    letter-spacing: 0.1vw;
    text-transform: uppercase;
    line-height: normal;
    margin: 0 0 1.094vw;
    padding: 0;
}

.blog-big-text-top p {
    font-size: 2.083vw;
    line-height: 2.604vw;
    font-family: 'Neue Montreal Regular';
    font-weight: normal;
    margin: 0 0 2.604vw;
}

.blog-lastupdate-post {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 0.052vw rgba(0, 0, 0, 0.5) solid;
    padding-bottom: 2.396vw;
    margin-bottom: 3.385vw;
    gap: 2.604vw;
}

.blog-big-text-top p a {
    color: #2768F5;
    text-decoration: underline;
}

.blog-big-text-top p a:hover {
    text-decoration: none;
}

.lastupdate-col-3 {
    width: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.lastupdate-col-3 p {
    color: #000;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    letter-spacing: 0.05vw;
    margin: 0;
    padding: 0 0.4vw 0 0;
    font-size: 1.094vw;
}

.lastupdate-col-3 p:last-child {
    padding-right: 0;
}

.lastupdate-col-3 figure {
    width: 3.229vw;
    height: 3.229vw;
}

.lastupdate-col-3 figure img {
    width: 100%;
    border-radius: 10%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.lastupdate-col-3 figcaption {
    width: calc(100% - 3.229vw);
    padding-left: 1.042vw;
}

.lastupdate-col-3 figcaption hr {
    margin: 0.22vw 0;
    width: 7.969vw;
    height: 0.052vw;
    border: none;
    background: #000;
}

.blog-default-content {
    padding: 0;
    margin: 0;
}

.blog-default-content h1,
.blog-default-content h2,
.blog-default-content h3,
.blog-default-content h4,
.blog-default-content h5 {
    font-size: 1.667vw;
    font-family: 'Neue Montreal Regular';
    font-weight: normal;
    margin: 0 0 1.823vw;
}

.blog-default-content p {
    margin: 0 0 1.563vw;
    padding: 0;
    font-size: 1.198vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    letter-spacing: 0.052vw;
    line-height: 1.719vw;
}

.blog-default-content ol {
    padding: 0;
    margin: 0 0 1.563vw;
}

.blog-default-content li {
    padding: 0;
    font-size: 1.198vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    letter-spacing: 0.052vw;
    line-height: 1.719vw;
    margin: 0;
    display: block;
    position: relative;
}

.blog-default-content ol li::before {
    content: counters(listitem, '.') '.';
    font-weight: 300;
    width: 1vw;
}

.blog-default-content p a {
    color: #2768F5;
    font-weight: 300;
    text-decoration: underline;
}

.blog-default-content p a:hover {
    text-decoration: none;
}

:root {
    --bullet-color: #000;
    --bullet-gap: 0.75rem;
    --bullet-size: 1.25vw;
}

.blog-default-content ul {
    margin: 0 0 1.563vw;
    padding: 0;
    list-style: none;
}

.blog-default-content ul li {
    padding-left: 1.46vw;
    margin-bottom: 1.04vw;
}

.blog-default-content ul li:last-child {
    margin-bottom: 0;
}

.blog-default-content ul li::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0.52vw;
    width: 0.52vw;
    height: 0.52vw;
    border-radius: 100%;
    background: var(--bullet-color);
    transition: transform .2s ease, background .2s ease;
}

.blog-default-content ul li:hover::after {
    transform: scale(1.4);
}

.blog-default-content ol li {
    padding-left: 1.46vw;
    margin-bottom: 1.04vw;
    position: relative;
}

.blog-default-content ol li:last-child {
    margin-bottom: 0vw;
}

.blog-default-content ol li::before {
    content: counters(listitem, '.') '.';
    font-weight: 400;
    position: absolute;
    left: 0;
    top: 0px;
    padding: 0;
}


.blog-default-content ul.bullet-list2 li::after {
    content: "";
    width: var(--bullet-size);
    height: var(--bullet-size);
    top: 0.2vw;
    background-color: var(--bullet-color);
    -webkit-mask: url('data:image/svg+xml;utf8,\
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="m553.85-253.85-42.16-43.38L664.46-450H180v-60h484.46L511.69-662.77l42.16-43.38L780-480 553.85-253.85Z"/></svg>') no-repeat center / contain;
    mask: url('data:image/svg+xml;utf8,\
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="m553.85-253.85-42.16-43.38L664.46-450H180v-60h484.46L511.69-662.77l42.16-43.38L780-480 553.85-253.85Z"/></svg>') no-repeat center / contain;

    transition: transform .25s ease, filter .25s ease;
    border-radius: 0;
}

.blog-default-content ul.bullet-list2 li:hover::after {
    transform: translateX(2px);
}

.blog-default-content ul.bullet-list2 li,
.blog-default-content ul.bullet-list3 li {
    padding-left: 1.76vw;
}

.blog-default-content ul.bullet-list3 li::after {
    content: "";
    flex-shrink: 0;
    width: var(--bullet-size);
    height: var(--bullet-size);
    top: 0.2vw;
    background-color: var(--bullet-color);
    -webkit-mask: url('data:image/svg+xml;utf8,\
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="m521.23-480-123 123L440-314.23 605.77-480 440-645.77 398.23-603l123 123Zm-41.16 380q-78.84 0-148.21-29.92t-120.68-81.21q-51.31-51.29-81.25-120.63Q100-401.1 100-479.93q0-78.84 29.92-148.21t81.21-120.68q51.29-51.31 120.63-81.25Q401.1-860 479.93-860q78.84 0 148.21 29.92t120.68 81.21q51.31 51.29 81.25 120.63Q860-558.9 860-480.07q0 78.84-29.92 148.21t-81.21 120.68q-51.29 51.31-120.63 81.25Q558.9-100 480.07-100Z"/></svg>') no-repeat center / contain;
    mask: url('data:image/svg+xml;utf8,\
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="m521.23-480-123 123L440-314.23 605.77-480 440-645.77 398.23-603l123 123Zm-41.16 380q-78.84 0-148.21-29.92t-120.68-81.21q-51.31-51.29-81.25-120.63Q100-401.1 100-479.93q0-78.84 29.92-148.21t81.21-120.68q51.29-51.31 120.63-81.25Q401.1-860 479.93-860q78.84 0 148.21 29.92t120.68 81.21q51.31 51.29 81.25 120.63Q860-558.9 860-480.07q0 78.84-29.92 148.21t-81.21 120.68q-51.29 51.31-120.63 81.25Q558.9-100 480.07-100Z"/></svg>') no-repeat center / contain;
    transition: transform .25s ease, filter .25s ease;
    border-radius: 0;
}

.blog-default-content ul.bullet-list3 li:hover::after {
    transform: translateX(2px);
}


.blog-back-to-top {
    text-align: right;
}

.blog-back-to-top a {
    font-size: 1.198vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    letter-spacing: 0.052vw;
    line-height: 1.719vw;
    padding-right: 1.823vw;
    position: relative;
}

.blog-back-to-top a::after {
    content: "";
    width: 0.885vw;
    height: 0.885vw;
    position: absolute;
    top: 0.721vw;
    right: 0;
    border-top: 0.1vw #000 solid;
    border-right: 0.1vw #000 solid;
    transform: rotate(-45deg);
}

.blog-more-slide-section {
    padding: 5.521vw 0 4.896vw;
}

.blog-more-slide-video-section {
    border-bottom: 0.055vw #fff solid;
    padding: 5.625vw 0 6.302vw;
    background: #000;
}

.blog-tiitle-slde {
    margin: 0;
    padding: 0 0 2.917vw 8.49vw;
}

.blog-tiitle-slde h3 {
    margin: 0;
    padding: 0;
    font-size: 3.906vw;
    line-height: 4.688vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    color: #000;
}

.blog-more-slide-section.author-saturdays-section .blog-tiitle-slde h2 {
    font-size: 5vw;
    line-height: 5.99vw;
    letter-spacing: 0.04em;
    color: #030303;
    margin: 0;
}

.blog-tiitle-slde.blog-tiitle-slde-white h3 {
    color: #fff;
}

.blog-more-slide-video-section .video-colum-slider .slick-prev,
.blog-more-slide-video-section .video-colum-slider .slick-next {
    border-color: #fff !important;
}

.blog-more-slide-video-section .video-colum-slider {
    padding: 0 8.194vw;
}

.blog-more-slide-video-section .video-digital0tab-item figcaption h4 a {
    color: #fff;
    padding-bottom: 2px;
    position: relative;
    transition: all 0.55s linear;
    background: linear-gradient(to bottom, #fff 0%, #fff 98%);
    background-size: 0px 1px;
    background-repeat: no-repeat;
    background-position: left 100%;
}

.single-post .digital-header-section {
    background: #000;
    border-bottom: 0.1vw #fff solid;
}

.single-post .two-point-new-bdr-top {
    border-top: none;
}

.blog-default-content iframe,
.blog-default-content video {
    width: 100%;
    height: 27vw;
    margin: 0 0 1.563vw;
}

.blog-default-content p iframe,
.blog-default-content p video {
    margin-bottom: 0;
}

/* BLOG PAGE CSS END */

.he-infinix-mobile {
    display: none;
}

.about-location-right ul li.active .region-title {
    color: #defa44;
}

.blog-inslde-text ul li.active a {
    color: #54C6EB;
}

.page-template-reviews .marquee-thework-line {
    width: 690vw;
}

.loading-reviews {
    background: url('../images/loading.gif') no-repeat;
    width: 30px;
    height: 30px;
    background-size: 100%;
    font-size: 0px;
}

.digital-header-section .hamburger-toggle {
    top: 2vw;
}



@-webkit-keyframes animMenuReveal {
    0% {
        width: 0vw;
    }

    100% {
        width: 100vw;
    }
}

@keyframes animMenuReveal {
    0% {
        width: 0vw;
    }

    100% {
        width: 100vw;
    }
}

@-webkit-keyframes animMenuClose {
    0% {
        width: 100vw;
        padding: 8em 3em 3em;
    }

    100% {
        width: 0vw;
        padding: 8em 0 0;
    }
}

@keyframes animMenuClose {
    0% {
        width: 100vw;
        padding: 8em 3em 3em;
    }

    100% {
        width: 0vw;
        padding: 8em 0 0;
    }
}





.side-nav.close-menu {
    display: block;
    pointer-events: none;
}

.side-nav.close-menu .side-nav-wrap {
    width: 100vw;
    right: auto;
    left: 0;
    -webkit-animation: animMenuClose 0.6s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0.3s forwards;
    animation: animMenuClose 0.6s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0.3s forwards;
}

/* .side-nav.close-menu .side-nav-wrap nav {
    width: 0%;
    -webkit-animation: animMenuClose 0.6s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0.3s forwards;
            animation: animMenuClose 0.6s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0.3s forwards;
            margin-left: -16vw;
} */

.side-nav.is-active {
    display: block;
}

.side-nav.is-active .side-nav-wrap {
    -webkit-animation: animMenuReveal 0.6s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0s forwards;
    animation: animMenuReveal 0.6s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0s forwards;
}

.side-nav.close-menu .lefs-button {
    opacity: 0;
    visibility: hidden;
}


button.hamburger-toggle.is-active {
    position: absolute;
    top: -0.8vw;
    right: 2vw;
    z-index: 9999;
    background: url('../images/close-icon-menu.svg') no-repeat center;
    background-size: 100%;
    width: 1.1vw;
    height: 1.1vw;
}

button.hamburger-toggle.is-active img {
    display: none;
}

.digital-header-section button.hamburger-toggle.is-active {
    top: 1.91vw;
}

.thumble-newcolum-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 3.3vw 2.8vw 0;
}

.thumble-3commn-section.case-studies-black-home-section {
    background: #000;
    border-top: 0.052vw #fff solid;
    border-bottom: 0.052vw #fff solid;
    padding: 4.792vw 0 9.167vw;
}

.case-studies-black-home-section .thumb-heading h3 {
    display: inline-block;
    text-transform: uppercase;
    font-family: 'Urbanist', sans-serif;
    font-weight: 800;
    letter-spacing: 6px;
    -webkit-text-stroke-width: 0.05vw;
    -webkit-text-stroke-color: white;
    color: #000;
    font-size: 12.656vw;
    line-height: 11.948vw;
    letter-spacing: 0.315vw;
    padding: 0;
    position: relative;
    margin: 0;
}

.case-studies-black-home-section .thumble-3commn-col-info h2 {
    color: #fff;
    text-transform: none;
    opacity: 0.5;
}

.case-studies-black-home-section .thumble-3commn-col-info h2 a {
    color: #fff;
}

.case-studies-black-home-section .thumble-3commn-col-info h2 a:hover {
    color: #fff;
}

.case-studies-black-home-section .thumble-3commn-col-info p {
    color: #fff;
    opacity: 0.5;
}

.case-studies-black-home-section .thumble-3commn-col-info:hover h2,
.case-studies-black-home-section .thumble-3commn-col-info:hover p {
    opacity: 1;
}

#email-pmm-content .amm-tabbing-flx-content-info h3,
#ads-pmm-content .amm-tabbing-flx-content-info h3 {
    font-size: 5vw;
    line-height: 6.2vw;
}

.case-studies-black-home-section .portfolio-scrolling-text .marquee-thework-line span {
    -webkit-text-stroke-width: 0.1vw;
    -webkit-text-stroke-color: #fff;
    color: #000;
    font-size: 12.385vw;
    line-height: 12.385vw;
    padding: 0px 6.265vw 0px 3.9vw;
}

.case-studies-black-home-section .portfolio-scrolling-text {
    padding: 0;
}

.lastupdate-col-3.reading-time-minutes {
    margin-left: auto;
}


/* WEBSITES PAGE CSS START */
.website-header-banner .two-point-new-left-info p {
    padding: 0 0;
}

.website-header-banner .atf-lets-connect .btn:hover {
    border-color: #000;
}

.webiste-page-first-section {
    margin: 0;
    padding: 3.542vw 4.635vw 4.635vw 3.906vw;
    background: #000;
    border-top: 0.052vw #fff solid;
    overflow: hidden;
    position: relative;
}

.webiste-flex-fst-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 2.552vw;
}

.webiste-flex-fst-row:last-child {
    margin-bottom: 0;
}

.webiste-col-fst-6-left {
    width: 50%;
}

.webiste-col-fst-6-right {
    width: 50%;
    background: #fff;
    padding: 3.646vw 3.177vw 3.385vw;
}

.webiste-fst-img {
    height: 100%;
}

.webiste-fst-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.webiste-fst-text-info h2 {
    font-size: 2.5vw;
    letter-spacing: 0.3vw;
    line-height: 3.229vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 1.563vw;
    padding: 0;
}

.webiste-fst-text-info p {
    font-size: 1.25vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.40);
    margin: 0 0 0.521vw;
}

.webiste-fst-text-info p b {
    font-family: 'Urbanist', sans-serif;
    font-weight: 500;
    color: rgba(0, 0, 0, 1);
}

.webiste-fst-text-info a.linked-all {
    margin-top: 0.938vw;
}

@media (min-width:576px) {
    .webiste-fst-img .cndkbeforeafter {
        height: 100% !important;
    }

    .webiste-fst-img .cndkbeforeafter-item {
        height: 100% !important;
    }
}

.webiste-experience-second-section .experience-heading h2 {
    font-size: 8.594vw;
    line-height: 7.813vw;
}

.webiste-experience-second-section .product-icon-cricle {
    background: #000;
}

.webiste-experience-second-section .product-icon-cricle:hover img {
    filter: invert(1);
}

.webiste-experience-second-section .product-icon-cricle:hover {
    border-color: #000000;
    background: #ffffff;
}

.item-product-info p em {
    font-style: normal;
    font-size: 0.677vw;
    line-height: 0.885vw;
    display: block;
}

.webiste-lineup-four-section .prodcut-screen-company-info ul {
    max-width: 26.6vw;
}

.webiste-lineup-four-section .prodcut-screen-company-info h3 {
    font-size: 3.333vw;
    line-height: 4.427vw;
}

.webiste-lineup-four-section .prodcut-compare-part-show .compare-channels-show {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #fff;
}

.website-top-heading {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 1.396vw 3.958vw;
    border-bottom: 0.052vw #000000 solid;
    height: 9.583vw;
}

.website-top-heading h2 {
    padding: 0;
    margin: 0;
    font-size: 3.906vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    line-height: 4.688vw;
}

.btn-black {
    background: #000;
    border: 0.052vw #000 solid;
    border-radius: 0.469vw;
    width: 11.875vw;
    height: 2.917vw;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.094vw;
    font-family: 'Neue Montreal Medium';
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.13vw;
}

.btn-black:hover {
    background: #fff;
    color: #000;
}

.website-category-service-section {
    margin: 0;
    padding: 0;
    border-bottom: 0.052vw #000 solid;
    height: auto;
}

.website-category-flex-row {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}

.website-category-col-4 {
    width: 20.58333333333333%;
    position: relative;
    padding: 0;
    border-right: 0.1vw #000 solid;
    transition: 1s;
}

.website-category-col-4.active {
    width: 38.25%;
}

.website-category-col-4:last-child {
    border-right: none;
}

.website-category-click-tab {
    padding: 9.74vw 1.1vw;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    overflow: hidden;
    height: 100%;
    justify-content: center;
}

.website-category-col-info {
    margin: 0;
    padding: 0;
    text-align: center;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.website-category-col-info h4 {
    font-size: 2.604vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.15vw;
    line-height: 3.229vw;
    margin: 0 0 1.146vw;
    padding: 0;
}

.website-category-col-info strong {
    font-size: 1.354vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1vw;
    display: none;
    margin: 0 0 1.146vw;
}

.website-category-col-info span {
    font-size: 1.354vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1vw;
    display: block;
}

.website-category-col-info p {
    font-size: 1.198vw;
    letter-spacing: 0.082vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    line-height: 1.719vw;
    display: none;
    padding: 0 2.5vw;
    width: 36vw;
    margin-left: auto;
    margin-right: auto;
}

.website-category-col-4.active .website-category-col-info strong {
    display: block;
}

.website-category-col-4.active .website-category-col-info p {
    display: block;
}

.website-product-list {
    padding: 1vw;
    background: #fff;
    height: 9.583vw;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.website-product-list ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    width: 100%;
}

.website-product-list ul li {
    display: block;
    width: 16.66666667%;
    padding: 0 1.5vw;
    margin: 0;
    text-align: center;
}

.website-product-list ul li h5 {
    font-size: 1.354vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1vw;
    display: block;
    line-height: 1.667vw;
}

.website-product-list ul li p {
    font-size: 1.198vw;
    letter-spacing: 0.082vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    line-height: 1.719vw;
}

.webiste-hover-animate {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
}

.active .webiste-hover-animate {
    opacity: 1;
    visibility: visible;
}

.webiste-hover-animate video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
    filter: blur(0.2vw);
}

.webiste-hover-animate::after {
    content: "";
    background: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    mix-blend-mode: darken;
    opacity: 0.3;
}

.webiste-hover-animate img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.website-category-col-4.active .website-category-col-info h4,
.website-category-col-4.active .website-category-col-info strong,
.website-category-col-4.active .website-category-col-info p,
.website-category-col-4.active .website-category-col-info span {
    color: #fff;
}

.website-category-col-4.active .website-category-col-info.black-clr-text h4,
.website-category-col-4.active .website-category-col-info.black-clr-text strong,
.website-category-col-4.active .website-category-col-info.black-clr-text p,
.website-category-col-4.active .website-category-col-info.black-clr-text span {
    color: #000;
}

.webiste-thework-section {
    background: #000;
    padding: 1.146vw 0 2.885vw;
}

.webiste-thework-section .portfolio-all-item-warp {
    margin-left: 0;
    margin-right: 0;
    padding: 0 1.5vw;
}

.webiste-thework-section .portfolio-scrolling-text .marquee-thework-line span {
    -webkit-text-stroke-color: #fff;
    color: #fff;
}

.webiste-thework-section .portfolio-all-item-col-info h3 {
    color: rgba(255, 255, 255, 0.4);
}

.webiste-thework-section .portfolio-all-item-col-info p {
    color: rgba(255, 255, 255, .4);
}

.webiste-thework-section .portfolio-all-item-col-info:hover h3,
.webiste-thework-section .portfolio-all-item-col-info:hover p {
    color: rgba(255, 255, 255, 1);
}

.webiste-thework-section a.btn-href-link {
    color: #fff;
}

.webiste-thework-section .progress__circle,
.webiste-thework-section .progress__path {
    stroke: #fff;
}

/* .website-pge-tabbing-section .amm-tabbing-flx-content-info h3 {
    font-size: 4.167vw;
    line-height: 4.427vw;
} */
/* .website-pge-tabbing-section .amm-tabbing-flx-content-info {
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
} */
.website-pge-tabbing-section .tabbing-menu-item ul li a span {
    background: #ffffff;
}

.website-pge-tabbing-section .tabbing-menu-item ul li a strong {
    background: #ffffff;
}

.website-pge-tabbing-section .tabbing-menu-item ul li:nth-child(2) a span,
.website-pge-tabbing-section .tabbing-menu-item ul li:nth-child(2) a strong {
    background: #E7FA48;
}

.website-pge-tabbing-section .tabbing-menu-item ul li:nth-child(3) a span,
.website-pge-tabbing-section .tabbing-menu-item ul li:nth-child(3) a strong {
    background: #48e5a4;
    color: #000;
}

.website-pge-tabbing-section .tabbing-menu-item ul li:nth-child(4) a span,
.website-pge-tabbing-section .tabbing-menu-item ul li:nth-child(4) a strong {
    background: #EC6553;
}

.website-pge-tabbing-section .tabbing-menu-item ul li:nth-child(5) a span,
.website-pge-tabbing-section .tabbing-menu-item ul li:nth-child(5) a strong {
    background: #2768F4;
    color: #000;
}

.website-pge-tabbing-section .tabbing-menu-item ul li:nth-child(5) a strong img {
    filter: invert(1);
}

.website-pge-tabbing-section .amm-tabbing-flx-content-info p {
    /* padding-right: 16vw; */
}

div#marketing-pm-content .amm-tabbing-flx-content-info {
    background: #E7FA48;
}

div#branding-content .amm-tabbing-flx-content-info {
    background: #48e5a4;
}

div#animation-content .amm-tabbing-flx-content-info {
    background: #EC6553;
}

div#branding-content .amm-tabbing-flx-content-info * {
    color: #000;
}

div#all-solutions-content .amm-tabbing-flx-content-info {
    background: #2768F4;
}

div#all-solutions-content .amm-tabbing-flx-content-info * {
    color: #fff;
}

.website-pge-tabbing-section .tabbing-menu-item ul li.process-tab-active:nth-child(5) a span {
    color: #fff;
}

.reviws-scroll-section.reviws-padding-top {
    padding-top: 4vw;
}

.email-faq-section.faq-white-section {
    background: #fff;
}

.faq-white-section .faq-heading h6 {
    color: #000;
}

.faq-white-section .faq-heading h1,
.faq-white-section .faq-heading h2,
.faq-white-section .faq-heading h3,
.faq-white-section .faq-heading h4,
.faq-white-section .faq-heading h5 {
    color: #000;
}

.faq-white-section .faq-item__title h4 {
    color: #000;
}

.faq-white-section .faq-item__content p {
    color: #000;
}

.faq-white-section .faq-item__content p a {
    color: #2768F5;
    text-decoration: underline;
}

.faq-white-section .faq-item__content p a:hover {
    color: #2768F5;
    text-decoration: none;
}

.faq-white-section .see-more-link .btn-href-link {
    color: #000;
}

.faq-white-section .faq-item {
    border-top-color: #000;
}

.webiste-lineup-four-section .prodcut-screen-company-info ul li a {
    background: #fff;
    color: #000;
}

.webiste-lineup-four-section .prodcut-screen-company-info ul li a::before {
    background: url('../images/cricle-black.svg') no-repeat;
}

.webiste-lineup-four-section .prodcut-screen-company-info ul li a:hover {
    background: #000000;
    color: #fff;
    transform: scale(1.05);
}

.webiste-lineup-four-section .prodcut-screen-company-info ul li a:hover::before {
    background: url('../images/checkmark-white.svg') no-repeat;
}

.webiste-process-fice-section {
    background: #000;
    padding: 0;
    position: relative;
}

.start-tab-menu {
    text-align: right;
    margin-top: -20vw;
    position: relative;
    width: 75.573vw;
    margin-left: auto;
}

.start-tab-menu img {
    width: 100%;
}

.start-tab-menu svg {
    width: 100%;
}

.process-text-info {
    margin: 0;
    padding: 0;
    max-width: 33.073vw;
    position: relative;
}

.process-text-info h3 {
    font-size: 5.99vw;
    color: #fff;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    line-height: 7.188vw;
    margin: 0 0 2.083vw;
}

.process-text-info h5 {
    color: #fff;
    font-size: 2.708vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.2vw;
    line-height: 3.229vw;
    margin: 0 0 1.146vw;
}

.process-text-info p {
    font-size: 1.2vw;
    letter-spacing: 0.09vw;
    line-height: 1.7vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    color: #fff;
}

.page-template-websites .digital-under-info h3 {
    opacity: 0;
    visibility: hidden;
}

/* WEBSITES PAGE CSS END */

/* BLOG DETAILS PAGE CSS START */
.blog-details-new-section {
    background: #000;
    padding: 1.823vw 4.635vw 4.271vw;
}

.blog-details-new-section .heading-digital {
    margin: 0 auto;
    padding: 0;
    max-width: 27.3vw;
}

.blog-details-new-section .heading-digital h1 {
    color: #54C6EB;
}

.blog-details-new-section .heading-digital h2 {
    color: #54C6EB;
    padding-right: 0;
}

.single-post .hamburger-toggle img {
    filter: invert(1);
}

.single-post .digital-header-section .hamburger-toggle {
    top: 5vw;
}

.blog-inner-heading-warp {
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 2.396vw;
    border-bottom: 0.1vw #000 solid;
}

.headline-blog-lft {
    width: calc(100% - 29.063vw);
    padding: 0 2.083vw;
}

.headline-blog-lft h1,
.headline-blog-lft h2 {
    font-size: 2.083vw;
    font-family: urbanist, sans-serif;
    font-weight: 300;
    padding: 0;
    margin: 0;
    line-height: 2.396vw;
}

.blog-inner-heading-warp .lastupdate-col-3 {
    width: 29.063vw;
    border-left: 0.1vw #000 solid;
    padding: 2.396vw 1.354vw;
}

.blog-inner-heading-warp .lastupdate-col-3 p em {
    font-size: 0.833vw;
    font-style: normal;
    letter-spacing: .05vw;
    display: inline-block;
    color: #868686;
    position: relative;
    padding-right: 0.7vw;
}

.blog-inner-heading-warp .lastupdate-col-3 p em:last-child {
    padding-right: 0;
}

.blog-inner-heading-warp .lastupdate-col-3 p em:last-child::after {
    display: none;
}

.blog-inner-heading-warp .lastupdate-col-3 p em::after {
    content: "";
    width: 0.104vw;
    height: 0.104vw;
    background: #000;
    position: absolute;
    border-radius: 31vw;
    top: 0.573vw;
    right: 0.12vw;
}

.blog-inner-heading-warp .lastupdate-col-3 figure img {
    border-radius: 70%;
    border: 0.1vw #000 solid;
    padding: 0.25vw;
}

.lastupdate-col-3 p strong {
    font-weight: 500;
    padding-right: 0.6vw;
}

.blog-post-full-img {
    margin: 0;
    padding: 0;
}

.blog-post-full-img figure img {
    width: 100%;
    height: 38.021vw;
    object-fit: cover;
    object-position: top;
}

.blog-single-pge-section.blog-single-new-template {
    margin: 0;
    padding: 0 0 1.615vw;
}

.blog-single-new-template .blog-title-slidebar {
    font-size: 1.979vw;
    line-height: 2.188vw;
    color: #4D4D4D;
    padding: 0 0 2.188vw;
}

.blog-single-new-template .blog-inslde-text ul li {
    font-size: 1.25vw;
    line-height: 2.25vw;
    margin: 0 0 0.8vw;
    color: #4D4D4D;
    font-family: 'Neue Montreal Regular';
    font-weight: normal;
}

.blog-single-new-template .blog-inslde-text ul li a {
    color: #4D4D4D;
}

.blog-single-new-template .blog-inslde-text p {
    color: #4D4D4D;
    font-size: 0.833vw;
}

.blog-single-new-template .blog-inslde-text p a {
    color: #4D4D4D;
}

.blog-single-new-template .blog-sldebar-info {
    background: #fff;
    border-bottom: none;
    padding: 0;
}

.blog-single-new-template .blog-sldebar-left-col {
    width: 30.469%;
    border-right: 0.1vw #000 solid;
}

.blog-single-new-template .blog-post-right-col {
    width: 69.531%;
    padding-left: 11.198vw;
    padding-right: 7.448vw;
}

.blog-single-new-template .blog-inslde-text {
    margin: 0 0 0;
    padding: 2.552vw 3.281vw 2.969vw 2.813vw;
}

.blog-single-new-template .blog-sldebar-info .digital-lab-form {
    background: #000;
    padding: 2.552vw 3.281vw 2.969vw 2.813vw;
}

.blog-single-new-template .blog-sldebar-info .digital-lab-form p {
    color: #fff;
}

.blog-single-new-template .blog-sldebar-info .email-input {
    color: rgba(234, 234, 234, 0.40);
    border-color: #fff;
    background: #000;
}

.blog-single-new-template .blog-sldebar-info .email-input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: rgba(234, 234, 234, 0.40);
}

.blog-single-new-template .blog-sldebar-info .email-input::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(234, 234, 234, 0.40);
}

.blog-single-new-template .blog-sldebar-info .email-input:-ms-input-placeholder {
    /* IE 10+ */
    color: rgba(234, 234, 234, 0.40);
}

.blog-single-new-template .blog-sldebar-info .email-input:-moz-placeholder {
    /* Firefox 18- */
    color: rgba(234, 234, 234, 0.40);
}

.blog-single-new-template .slide-bar-blog-post-item {
    padding: 2.552vw 3.281vw 2.969vw 2.813vw;
}

.blog-single-new-template .slide-bar-blog-post-item .post-slidebar-info h5 a {
    color: #000;
    background: linear-gradient(to bottom, #000 0%, #000 98%);
    background-size: 0px 1px;
    background-repeat: no-repeat;
    background-position: left 100%;
}

.blog-single-new-template .slide-bar-blog-post-item .post-slidebar-info {
    border-bottom-color: rgba(165, 165, 165, 0.30);
}

.blog-single-new-template .slide-bar-blog-post-item .post-slidebar-info:last-child {
    border-bottom: none;
}

.blog-single-new-template .slide-bar-blog-post-item h4.blog-title-slidebar {
    border-bottom: none;
    color: #000;
    padding: 0;
    margin: 0 0 2.135vw;
}

.blog-single-new-template .slide-bar-blog-post-item .post-slidebar-info h5 a:hover {
    background-size: 100% 1px;
}

.blog-single-new-template .blog-inslde-text ul li.active a {
    color: #54C6EB;
}

.blog-single-new-template .blog-inslde-text ul li a:hover {
    color: #54C6EB;
}

.blog-single-new-template .blog-sidebar-nav {
    margin: 0 0 1.5vw;
}

/* BLOG DETAILS PAGE CSS END */


.portfolio-hover-video {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
}

.portfolio-hover-video video {
    width: 101%;
    height: 101%;
    object-fit: cover;
}

.portfolio-all-item-col-info a figure:hover .portfolio-hover-video {
    opacity: 1;
    visibility: visible;
}

.portfolio-all-item-col-info p {
    font-size: 0.729vw;
    font-family: urbanist, sans-serif;
    font-weight: 600;
    letter-spacing: 0.1vw;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.4);
}

.portfolio-all-item-col-info:hover p {
    color: #000;
}

.webiste-page-six-section .webiste-fst-img {
    border-left: 0.1vw #707070 solid;
}

.amm-tabbing-section.website-pge-tabbing-section {
    border-bottom: 0.1vw #000 solid;
}

.cndkbeforeafter-item video {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    height: 100%;
    max-width: max-content;
}


.category-series-1 .webiste-hover-animate::after {
    opacity: 0;
}

.category-series-1 .webiste-hover-animate video {
    filter: blur(0.07vw);
}

.start-tab-menu ul.nav {
    position: absolute;
    top: 0;
    right: 0;
}

.checkcricle {
    width: 6.667vw;
    height: 6.667vw;
    background: #000;
    border-radius: 41vw;
    border: 0.677vw #fff solid;
    margin: 0 0 1.458vw;
    position: relative;
}

.checkcricle::after {
    content: "";
    width: 5.313vw;
    height: 2.842vw;
    position: absolute;
    left: 1.094vw;
    border-left: 0.781vw #E7FA48 solid;
    border-bottom: 0.781vw #E7FA48 solid;
    transform: rotate(-45deg);
    top: -0.417vw;
    opacity: 1;
    visibility: visible;
}

.start-tab-menu ul.nav li a.active .checkcricle::after {
    visibility: hidden;
    opacity: 0;
}

.start-tab-menu ul.nav h5 {
    color: #fff;
    font-family: 'Neue Montreal Medium';
    font-weight: 500;
    font-size: 1.125vw;
    line-height: 1.25vw;
    letter-spacing: 0.1vw;
    text-transform: uppercase;
    text-align: left;
    display: inline;
}

.start-tab-menu ul.nav li {
    width: 7.5vw;
    text-align: center;
    position: relative;
    margin: 0;
}

.start-tab-menu ul.nav li:nth-child(1) {
    top: 13.385vw;
    left: 3.646vw;
}

.start-tab-menu ul.nav li:nth-child(2) {
    top: 13.385vw;
    left: 10.677vw;
}

.start-tab-menu ul.nav li:nth-child(3) {
    top: 18.698vw;
    left: 15.625vw;
}

.start-tab-menu ul.nav li:nth-child(4) {
    top: 27.813vw;
    left: 1.771vw;
}

.start-tab-menu ul.nav li:nth-child(5) {
    top: 27.813vw;
    right: 18.906vw;
}

.start-tab-menu ul.nav li:nth-child(6) {
    top: 27.813vw;
    right: 40.625vw;
}

.start-tab-menu ul.nav li:nth-child(3) h5 {
    position: absolute;
    top: 2vw;
    left: 8vw;
}

.start-tab-menu ul.nav li:nth-child(7) {
    position: absolute;
    left: -33.958vw;
    bottom: -23.125vw;
    width: 14vw;
    text-align: right;
}

.start-tab-menu ul.nav li:nth-child(7) h5 {
    font-size: 2.5vw;
    line-height: 2.2vw;
}

.start-process-tab-new-mobile {
    display: none;
}

.start-tiitle {
    position: absolute;
    right: 28.552vw;
    top: 3.5vw;
}

.start-tiitle h5 {
    color: #fff;
    text-transform: uppercase;
    font-size: 2.344vw;
    line-height: 2.344vw;
    font-family: 'Neue Montreal Medium';
    font-weight: 500;
    letter-spacing: 0.3vw;
}

.webiste-lineup-four-section .choose-link-href:hover {
    color: #000;
}

.webiste-lineup-four-section .choose-link-href:hover svg {
    fill: #000;
}

.faq-white-section .faq-scroll.show-more-height {
    height: auto;
}


.website-tabbing-scroll-fixed {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    padding: 5.938vw 3.906vw;
}

.website-scrollleft-col-connent,
.website-scrollright-col-nav {
    width: 50%;
    height: 100vh;
    position: relative;
}

.website-scrollleft-col-connent {
    display: flex;
    justify-content: center;
    align-items: center;
}

.scrollleft-col-main-info {
    width: 100%;
}

.process-text-info-tb {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.fixprocess-text-info-tb {
    width: 33.073vw;
    text-align: left;
    position: absolute;
    left: -51.5vw;
    top: -6vw;
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    background: #000;
    padding: 1vw;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: 1.5s;
}

.start-tab-menu ul.nav li:nth-child(2) .fixprocess-text-info-tb {
    top: -6vw;
    left: -66vw;
}

.start-tab-menu ul.nav li:nth-child(3) .fixprocess-text-info-tb {
    top: -11.25vw;
    left: -78.5vw;
}

.start-tab-menu ul.nav li:nth-child(4) .fixprocess-text-info-tb {
    top: -20.3vw;
    left: -72vw;
}

.start-tab-menu ul.nav li:nth-child(5) .fixprocess-text-info-tb {
    top: -20.3vw;
    left: -59vw;
    padding-bottom: 3vw;
}

.start-tab-menu ul.nav li:nth-child(6) .fixprocess-text-info-tb {
    top: -20.2vw;
    left: -44.5vw;
}

.start-tab-menu ul.nav li:nth-child(7) .fixprocess-text-info-tb {
    left: -13.5vw;
    top: -21.6vw;
    border-radius: 0 0 6vw 0;
}

.process-tb-top-text {
    margin: 0;
    padding: 9.323vw 0 0;
    max-width: 33.073vw;
}

.fixprocess-text-info-tb .process-tb-top-text {
    margin: 0;
    padding: 0 0 0;
    max-width: 100%;
}

.process-tb-top-text h5 {
    color: #fff;
    font-size: 2.708vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.2vw;
    line-height: 3.229vw;
    margin: 0 0 1.146vw;
}

.process-tb-top-text h6 {
    color: #fff;
    font-size: 2.708vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.2vw;
    line-height: 3.229vw;
    margin: 0 0 1.146vw;
}

.process-tb-top-text p {
    font-size: 1.2vw;
    letter-spacing: 0.09vw;
    line-height: 1.7vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    color: #fff;
}

.website-scrollright-col-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.website-scrollright-col-nav .start-tab-menu {
    margin-left: -29vw;
    margin-top: -8.8vw;
}

.process-heading-fixed {
    top: 5vw;
    left: 3.906vw;
    position: absolute;
}

.process-heading-fixed h3 {
    font-size: 5.99vw;
    color: #fff;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    line-height: 7.188vw;
    margin: 0 0 2.083vw;
}

.start-tab-menu ul.nav li a.active .fixprocess-text-info-tb {
    opacity: 0;
    visibility: hidden;
    transform: translateY(2.5vw);
}


.website-pge-tabbing-section #social-pmm-content .amm-tabbing-flx-content-info {
    background: #ffffff;
}

.image-user-at {
    border-radius: 31vw;
    width: 9.375vw;
    height: 9.375vw;
    overflow: hidden;
    position: absolute;
    right: -12.3vw;
    top: -2.99vw;
    opacity: 1;
    display: block;
}

.start-tab-menu ul.nav li a.active .image-user-at {
    display: none;
}

.image-user-at img {
    width: 100%;
}

.mobile-process-tab-show {
    display: none;
}

.webiste-fst-img {
    position: relative;
    overflow: hidden;
}

.webiste-fst-img video {
    position: absolute;
    left: -10%;
    top: 0;
    width: auto;
    height: 100%;
    max-width: max-content;
}


.mousemove-gallery {
    position: relative;
    display: flex;
    z-index: 1;
    flex-direction: column;
    height: 100%;
}

.mousemove-gallery__resize,
.mousemove-gallery__resize:after {
    position: absolute;
    top: 0;
    cursor: pointer;
    height: 100%;
}

.mousemove-gallery__resize {
    left: 0;
    width: 50%;
    overflow: hidden;
    padding-right: 2.083vw;
}

.mousemove-gallery__resize:after {
    content: '';
    width: 0.208vw;
    background-color: #fff;
    border-left: 0.052vw solid #fff;
    border-right: 0.052vw solid #fff;
    box-sizing: border-box;
    position: absolute;
    right: 2.083vw;
    z-index: 20;
}

.mousemovebefore,
.mousemoveafter {
    position: absolute;
    z-index: 100;
    font-size: 0.833vw;
    padding: 0.521vw 1.042vw;
    cursor: pointer;
    color: #555;
    background-color: rgba(255, 255, 255, 0.6);
    font-family: 'Open Sans', sans-serif;
    border-radius: 8.438vw;
    bottom: 1.563vw;
}

.mousemovebefore {
    left: 1.563vw;
}

.mousemoveafter {
    right: 1.563vw;
}

.img {
    min-width: 100%;
    display: block;
    cursor: pointer;
}

.mousemove-gallery__resize span {
    transition: 0.25s;
    cursor: pointer;
    position: absolute;
    width: 3.125vw;
    height: 3.125vw;
    cursor: ew-resize;
    border: 0.156vw solid #fff;
    background: white;
    top: 50%;
    right: 0.781vw;
    margin-top: -1.563vw;
    margin-left: -1.563vw;
    border-radius: 1.563vw;
}

.mousemove-gallery__resize span::before {
    content: "";
    border: solid #000000;
    border-width: 0.104vw 0 0 0.104vw;
    display: inline-block;
    padding: 0.26vw;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    top: 50%;
    position: absolute;
    margin-top: -0.313vw;
    right: 0;
    margin-right: 0.729vw;
}

.mousemove-gallery__resize span::after {
    content: "";
    border: solid #000000;
    border-width: 0 0.104vw 0.104vw 0;
    display: inline-block;
    padding: 0.26vw;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    top: 50%;
    position: absolute;
    margin-top: -0.313vw;
    left: 0;
    margin-left: 0.729vw;
}

.circle-start {
    position: absolute;
    top: -5vw;
    color: #fff;
    left: 12vw;
    width: 11vw;
    font-size: 1vw;
    opacity: 1;
    visibility: visible;
    z-index: 1;
}

.start-tab-menu ul.nav li a.active .circle-start {
    opacity: 0;
    visibility: hidden;
}

.circle-start i.fa:nth-child(1) {
    top: 1vw;
    left: -1vw;
    color: #ebc05f;
}

.circle-start i.fa:nth-child(2) {
    top: -1vw;
    color: #fe574f;
}

.circle-start i.fa:nth-child(3) {
    left: 1vw;
    color: #ebc05f;
}

.circle-start i.fa:nth-child(4) {
    top: 1vw;
    right: -2vw;
    color: #fe574f;
}

.start-tab-menu ul.nav li a.active .circle-start i.fa:nth-child(1) {
    top: 0;
    left: 0;
}

.start-tab-menu ul.nav li a.active .circle-start i.fa:nth-child(2) {
    top: 0;
}

.start-tab-menu ul.nav li a.active .circle-start i.fa:nth-child(3) {
    left: 0;
}

.start-tab-menu ul.nav li a.active .circle-start i.fa:nth-child(4) {
    top: 0;
    right: 0;
}

.circle-start i.fa {
    position: relative;
    transition: 1s;
}

.webiste-fst-img .cndkbeforeafter-extra-small-text {
    top: auto;
}

.cfe-scroll-img-rlt .cndkbeforeafter-extra-small-text {
    top: auto;
}

.holiday-relative-tools {
    position: relative;
    overflow: hidden;
}

.holiday-darg-warp {
    position: absolute;
    top: 3.229vw;
    bottom: 0;
    left: 5.828vw;
    right: 4.748vw;
}

.holiday-darg-warp .cndkbeforeafter-item-before-text {
    top: auto;
}

.plyr__poster {
    right: 0;
    bottom: 0;
}

.plyr.plyr--full-ui {
    min-width: 100%;
    width: 100%;
}

.mobilecasetabbing-show {
    display: none;
}


.page-template-websites #social-pmm-content .amm-tabbing-flx-content-info h3 {
    font-size: 6vw;
    line-height: 6.3vw;
}

.social-reelflex-img video {
    width: 100%;
}

.partnership-soundmind-right {
    position: relative;
}

.gif-image-fixed {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

.gif-image-fixed video {
    width: 28.75vw;
}

.w-pluse-first-section .appmusic-img-02 {
    width: 12.5vw;
}

.w-pluse-first-section .appmusic-img-04 {
    bottom: -6.4vw;
    right: -3.05vw;
    width: 11.823vw;
}

.w-pluse-second-section .soundnind-app-enterprise-wrap {
    background: #000;
}

.Infinix-second-pge-section .appmusic-img-02 {
    width: 7.031vw;
    left: auto;
    right: -1vw;
    top: -1.5vw;
}

.Infinix-second-pge-section .appmusic-img-04 {
    width: 11.354vw;
    left: -2vw;
    bottom: 0;
}

.Infinix-second-pge-section.soundnind-appmusic-section .container {
    max-width: 79.4vw;
}

img.appmusic-img-05 {
    position: absolute;
    bottom: 0.5vw;
    right: 2vw;
    width: 3.49vw;
}

.Infinix-three-pge-section .soundnind-app-enterprise-wrap {
    background: #fff;
}

.videoscroll-img video {
    width: 100%;
}


.mobile-device-video-575px {
    display: none;
}

.mobile-device-video-575px video {
    width: 100%;
}


.hours-dog-second-pge-section.soundnind-appmusic-section .container {
    max-width: 77.4vw;
}

.hours-dog-second-pge-section .appmusic-img-02 {
    width: 12.5vw;
    top: -8vw;
    left: -3.4vw;
}

.hours-dog-second-pge-section .appmusic-img-01 {
    width: 4.531vw;
    top: -1vw;
    right: 6vw;
}

.hours-dog-second-pge-section img.appmusic-img-04 {
    width: 4.115vw;
    left: 15vw;
    position: absolute;
    top: auto;
    bottom: 1vw;
}

.hours-dog-second-pge-section img.appmusic-img-05 {
    width: 14.531vw;
    border-radius: 1.042vw;
    top: auto;
    right: 6vw;
    z-index: -1;
    bottom: auto;
}

.hours-dog-second-pge-section .soundnind-appmusic-wrap h3:nth-child(2) {
    z-index: 3;
}

.hours-dog-three-pge-section .soundnind-app-enterprise-wrap {
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
}

.partnership-soundmind-col {
    position: relative;
}

.partnership-soundmind-col video {
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
}

img.text-absolute-top {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    right: 0;
    margin: 0 auto;
    width: 33.646vw;
}


.iht-second-section .appmusic-img-01 {
    width: 16.458vw;
    border-radius: 0.781vw;
    left: -3vw;
    z-index: -1;
}

.iht-second-section img.appmusic-img-05 {
    width: 14.115vw;
    bottom: -5vw;
    right: 0vw;
    z-index: -1;
}

.iht-second-section .appmusic-img-03 {
    top: auto;
    left: 11.3vw;
    width: 5.417vw;
    bottom: 3vw;
    z-index: -1;
}

.iht-second-section.soundnind-appmusic-section .container {
    max-width: 77.4vw;
}

.iht-second-section .soundnind-appmusic-wrap h3 {
    z-index: 1;
}

.iht-three-section .soundnind-app-enterprise-wrap {
    background: #fff;
}

.animatin-window-scroll-section.anmation-yellow-bg {
    background: #E7FA48;
    border-bottom: 1px #000 solid;
}

.anmation-yellow-bg .marquee-thework-line span:nth-child(odd) {
    color: #000;
    text-shadow: none;
    -webkit-text-stroke-color: black;
}

.anmation-yellow-bg .marquee-thework-line span {
    color: #e7fa48;
    -webkit-text-stroke-color: black;
}

.anmation-yellow-bg .marquee-thework-line span::after {
    background: #E7FA48;
    border: 0.05vw #000 solid;
}

.added-address-popup {
    margin: 4vw auto 0;
    text-align: center;
    max-width: 19vw;
}

.added-address-popup h6 {
    color: #fff;
    margin: 0 0 1vw;
}

.added-address-popup p {
    color: #fff;
    font-family: 'Urbanist Regular';
    font-size: 1.2vw;
    line-height: 1.7vw;
}

.added-address-popup p a {
    color: #fff;
    display: block;
}

.location-bootom-button .btn-href-link img {
    left: calc(50% - 4.56vw);
}

.add-quote-text {
    display: none !important;
}

.compare-channels-show.add-quote-section .channels-plan-year {
    display: none !important;
}

.compare-channels-show.add-quote-section .add-quote-text {
    display: inline-flex !important;
}

.add-quote-section .tab-ul-list ul li ul.range-labels {
    display: none;
}

.chat--buttons:nth-child(2) {
    margin-left: 0;
    order: -1;
    margin-right: 0.35em;
}

.partnership-soundmind-animate-wrap {
    background: #fff;
    padding: 0;
    text-align: right;
    position: relative;
}

.partnership-soundmind-animate-wrap .gif-image-fixed {
    text-align: right;
    padding-right: 8vw;
}

.partnership-soundmind-animate-wrap svg {
    width: 17.583vw;
    height: 15.9363vw;
}

.partnership-soundmind-left-hide-desktop {
    display: none;
}

.see-more-work-hour-dog-section.see-more-work-section {
    padding-left: 14.8vw;
}

.see-more-work-hour-dog-section .seemore-three-headline::after {
    left: calc(100% - 26.4vw);
}

.see-more-work-hour-dog-section .btn-href-link {
    position: relative;
    right: 5.5vw;
}

.partnership-24hours-image-hide-desktop {
    display: none;
}


.partnership-soundmind-left-video-sec {
    background: #fff;
    padding: 3.333vw 2.5vw;
    height: 32.292vw;
}

.partnership-soundmind-left-video-sec-inner {
    position: relative;
    height: 100%;
}

.partnership-soundmind-left-video-img-left {
    position: absolute;
    width: 9.167vw;
    height: 10.417vw;
    border-radius: 1.042vw;
    z-index: 1;
}

.partnership-soundmind-left-video-img-left img {
    width: 100%;
    height: 100%;
    border-radius: 1.042vw;
}

.partnership-soundmind-left-video-img-bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 18.073vw;
    z-index: 1;
}

.partnership-soundmind-left-video-btn-img {
    position: absolute;
    right: 19.271vw;
    bottom: 0;
    width: 12.76vw;
}

.partnership-soundmind-left-video-wrap {
    width: 22.448vw;
    height: 16.094vw;
    border-radius: 1.042vw;
    padding-top: 4.01vw;
    margin-left: 4.688vw;
    position: relative;
}

.partnership-soundmind-left-video-wrap video {
    border-radius: 1.042vw;
    height: 16.094vw;
    object-fit: cover;
}

.partnership-soundmind-left-video-sec-inner::before {
    content: "";
    position: absolute;
    left: 2.563vw;
    right: 0;
    top: 0;
    bottom: 0;
    width: 30.313vw;
    height: 18.385vw;
    background: url(../images/video-dog-img4.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}







/** STRATEGY DELIVERS NEW SECTION CSS START **/



.strategy-delivers-list-section {
    max-width: 76.51vw;
    margin: 0 auto 5.4vw;
}

.strategy-delivers-list-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.strategy-delivers-col-left {
    width: 30.573vw;
}

.strategy-delivers-col-right {
    width: calc(100% - 30.573vw);
    padding-left: 5.208vw;
}

.strategy-delivers-col-info-wrap h4 {
    color: #000;
    font-size: 5.99vw;
    line-height: 6.25vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    letter-spacing: 0.25vw;
    margin: 0 0 2.566vw;
    width: 38.229vw;
}

.strategy-delivers-col-info-content p {
    color: #000000;
    font-size: 2.083vw;
    line-height: 2.604vw;
    font-weight: normal;
    font-family: 'Neue Montreal Regular';
    letter-spacing: 0.09vw;
    text-align: left;
    margin-bottom: 1.354vw;
}

.strategy-delivers-col-info-content p.active {
    opacity: 1;
}

.strategy-delivers-col-info-content p.active~p {
    opacity: 0.30;
}

.strategy-delivers-col-info-content p:last-child {
    margin-bottom: 0;
}

.strategy-delivers-col-img-wrap img {
    width: 100%;
}

.strategy-delivers-col-right-img-mob {
    display: none;
}

/** STRATEGY DELIVERS NEW SECTION CSS END **/


/* ========== SPLIT STRATEGY NEW SECTION START ========== */
.split-strategy-section.center-sticky-section {
    height: 100vh;
    position: relative;
    overflow: hidden;
}

.split-strategy-sticky-content .tab-content {
    height: auto;
}

.split-strategy-sticky-content {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}

.split-scroll-section {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(100%);
}

.split-scroll-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 2.604vw;
    background: rgb(0 0 0 / 80%);
}

.split-scroll-list {
    border: 1px solid #2768F5;
    width: 25.205vw;
    height: 19.616vw;
    overflow: hidden;
    -webkit-transition: border-color 0.5s ease, height 0.5s ease, width 0.5s ease;
    -o-transition: border-color 0.5s ease, height 0.5s ease, width 0.5s ease;
    transition: border-color 0.5s ease, height 0.5s ease, width 0.5s ease;
}

.split-scroll-inner {
    -webkit-transition: margin 0.5s ease;
    -o-transition: margin 0.5s ease;
    transition: margin 0.5s ease;
}

.split-scroll-card {
    padding: 1.406vw 2.083vw;
    background: #000;
}

.split-card-content h2,
.split-number {
    color: #fff;
    font-size: 2.708vw;
    line-height: 3.229vw;
    font-family: 'Urbanist-Medium';
    font-weight: 500;
    letter-spacing: 0.271vw;
}

.split-card-content {
    padding: 4.135vw 0 9.479vw;
}

.split-scroll-list:first-child .split-card-content {
    padding: 7.135vw 0 9.479vw;
}

.split-card-content h2 {
    text-transform: uppercase;
}

.split-card-paragraph p {
    color: #fff;
    font-size: 1.198vw;
    line-height: 1.719vw;
    letter-spacing: 0.09vw;
}

.split-scroll-list.active_hover {
    height: 38.995vw;
    border-width: 2px;
}

.split-scroll-list.active_hover .split-scroll-inner {
    margin: -14vh 0 0;
}

/* ========== SPLIT STRATEGY NEW SECTION END ========== */

/* ========== SITEMAP SECTION START ========== */
.sitemap-section {
    padding: 5.813vw 0;
    background: #fdfdfd;
    margin-top: 0;
}

.sitemap-section .container {
    max-width: 62.448vw;
}

.sitemap-new-heading h1 {
    color: #000;
    font-family: urbanist, Arial, Verdana, Tahoma, sans-serif;
    font-weight: 600;
    border-bottom: 0.052vw solid #f4f4f4;
    padding-bottom: 1.354vw;
    margin-bottom: 1.875vw;
    text-align: left;
    font-size: 2.083vw;
    line-height: 2.292vw;
}

.menu-sitemap-menu-container {
    text-align: left;
}

.menu-sitemap-menu-container ul {
    margin: 0;
    padding: 0 0 0 1.198vw;
}

.menu-sitemap-menu-container ul li {
    font-size: 0.833vw;
    color: #000;
    padding-bottom: 0.573vw;
    list-style: disc;
    position: relative;
    margin: 0;
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
    line-height: normal;
}

.menu-sitemap-menu-container ul li a {
    color: #000;
}

.menu-sitemap-menu-container ul li a:hover {
    color: #666;
}

.menu-sitemap-menu-container ul li ul {
    padding-top: 0.729vw;
}

.menu-sitemap-menu-container .menu-item-has-children::after {
    display: none !important;
}

.video-part {
    margin: 0 auto;
    padding: 0;
    height: 100%;
    position: relative;
    overflow: hidden;
    max-width: 58.333vw;
}

.video-part video {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    object-fit: cover;
    border-radius: 0;
    height: 32.656vw;
    background: #fff;
}

.video-part .play-icon {
    top: 0;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    bottom: 0;
    width: auto;
    height: auto;
    justify-content: center;
}

.video-part .play-icon img {
    width: 5vw;
}

.video-part .play-icon::after {
    display: none;
}

.video-part .play-icon a {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.bottomfixed-arrow {
    width: 27px;
    height: 22px;
    position: fixed;
    bottom: 28px;
    right: 15px;
    margin: auto;
    z-index: 999;
    display: none;
    transform: rotate(180deg);
}

img.black-arrow {
    position: relative;
    top: 6px;
}

.digital-header-section.digital-black-header-section {
    background: #000;
    border-bottom: 0.052vw #fff solid;
}

.digital-black-header-section .hamburger-toggle img {
    filter: invert(1);
}

.digital-header-section.digital-black-header-section .hamburger-toggle {
    top: 5vw;
}

.digital-lab-new-section {
    background: #000;
    padding: 1.823vw 4.635vw 2.271vw;
    border-bottom: 0.052vw #808080 solid;
}

.digital-lab-new-section .heading-digital {
    margin: 0 auto;
    padding: 0;
    max-width: 27.3vw;
}

.digital-lab-new-section .heading-digital h1 {
    color: #54c6eb;
}

.digital-lab-new-section .heading-digital h2 {
    color: #54c6eb;
    padding-right: 0;
}

/* ========== SITEMAP SECTION END ========== */

.chef-dane-work-appmusic-section .appmusic-img-01 {
    top: -8.95vw;
    right: 4.95vw;
}


.cls-social-cart-1 {
    fill: #191919;
}

.cls-social-cart-2,
.cls-social-cart-3 {
    fill: #fff;
    font-family: Urbanist;
    font-weight: 500;
}

.cls-social-cart-2 {
    font-size: 7.5px;
}

.cls-social-cart-3 {
    font-size: 9.5px;
}

.cls-social-cart-4,
.cls-social-cart-6,
.cls-social-cart-7 {
    fill: none;
}

.cls-social-cart-4 {
    stroke: #fff;
}

.cls-social-cart-5 {
    opacity: 0.2;
}

.cls-social-cart-6 {
    stroke: #39a9fd;
}

.cls-social-cart-7 {
    stroke: #dd2a7b;
}

.cls-social-cart-8 {
    fill: #dd2a7b;
}

.cls-social-cart-9 {
    fill: #17a9fd;
}

.cls-social-cart-2-1,
.cls-social-cart-2-4,
.cls-social-cart-2-8 {
    fill: none;
}

.cls-social-cart-2-1 {
    stroke: #fab4bf;
}

.cls-social-cart-2-2 {
    font-size: 7.5px;
}

.cls-social-cart-2-2,
.cls-social-cart-2-3 {
    font-family: Urbanist;
    font-weight: 500;
}

.cls-social-cart-2-3 {
    font-size: 9.5px;
}

.cls-social-cart-2-4 {
    stroke: #000;
}

.cls-social-cart-2-5 {
    opacity: 0.1;
}

.cls-social-cart-2-6 {
    fill: #fab4bf;
    opacity: 0.2;
}

.cls-social-cart-2-7 {
    stroke: none;
}


.adspge-tabbing-scroll-fixed .the-strategy-tab-wrap {
    position: relative;
}

.the-strategy-tab-wrap.desktop-the-scroll-tab-show {
    display: none;
}

.adspge-tabbing-scroll-fixed .the-strategy-tabbing-menu-item .ads-tabbing-flx-content-info {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: #ff594b;
    width: 28vw;
    opacity: 0;
    visibility: hidden;
    transform: translateY(5vw);
    transition: 1s;
}

.adspge-tabbing-scroll-fixed .the-strategy-tabbing-menu-item ul li.active a {
    color: #fff;
}

.adspge-tabbing-scroll-fixed .the-strategy-tabbing-menu-item ul li.active a .ads-tabbing-flx-content-info {
    transform: translateY(0vw);
    transition: 1s;
    opacity: 1;
    visibility: visible;
}

.adspge-tabbing-scroll-fixed .ads-tabbing-flx-content-img-wrap {
    z-index: 1;
}

.global-leader-2pint-section.the-strategy-tab-section.adspge-tabbing-scroll-fixed {
    height: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

/* .mobile-the-strategy-tab-show{
    display: none;
} */

.soundnind-appmusic-section.morelongevity-appmusic-section .container {
    max-width: 80.4vw;
}

.morelongevity-appmusic-section .soundnind-appmusic-wrap h3 {
    z-index: 1;
}

.morelongevity-appmusic-section img.appmusic-img-01 {
    left: -5vw;
    border-radius: 9.375vw;
    z-index: -1;
    width: 11.771vw;
    top: -2vw;
}

.morelongevity-appmusic-section img.appmusic-img-04 {
    width: 11.615vw;
    right: 1.95vw;
}

.morelongevity-ipad-whitebg .soundnind-app-enterprise-wrap {
    background: url('../images/more-ipad-background.jpg') no-repeat;
    background-size: cover;
    overflow: hidden;
}

.ipadifarme-darg-warp {
    position: absolute;
    top: 10.1vw;
    width: 61.606vw;
    margin: 0 auto;
    left: 1vw;
    right: 0;
    display: flex;
    height: 41vw;
}

.ipadifarme-darg-warp video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/***************************************************
 * Generated by SVG Artista on 7/26/2024, 6:48:34 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

@-webkit-keyframes animate-svg-stroke-1 {
    0% {
        stroke-dashoffset: 1648.7000732421875px;
        stroke-dasharray: 1648.7000732421875px;
    }

    100% {
        stroke-dashoffset: 3297.400146484375px;
        stroke-dasharray: 1648.7000732421875px;
    }
}

@keyframes animate-svg-stroke-1 {
    0% {
        stroke-dashoffset: 1648.7000732421875px;
        stroke-dasharray: 1648.7000732421875px;
    }

    100% {
        stroke-dashoffset: 3297.400146484375px;
        stroke-dasharray: 1648.7000732421875px;
    }
}

.active .svg-elem-1,
.the-strategy-active .svg-elem-1 {
    -webkit-animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
        animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
    animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
        animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}

@-webkit-keyframes animate-svg-stroke-2 {
    0% {
        stroke-dashoffset: 3288.070556640625px;
        stroke-dasharray: 3288.070556640625px;
    }

    100% {
        stroke-dashoffset: 6576.14111328125px;
        stroke-dasharray: 3288.070556640625px;
    }
}

@keyframes animate-svg-stroke-2 {
    0% {
        stroke-dashoffset: 3288.070556640625px;
        stroke-dasharray: 3288.070556640625px;
    }

    100% {
        stroke-dashoffset: 6576.14111328125px;
        stroke-dasharray: 3288.070556640625px;
    }
}

@-webkit-keyframes animate-svg-fill-2 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

@keyframes animate-svg-fill-2 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

.active .svg-elem-2,
.the-strategy-active .svg-elem-2 {
    -webkit-animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
        animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
    animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
        animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}

@-webkit-keyframes animate-svg-stroke-3 {
    0% {
        stroke-dashoffset: 1628px;
        stroke-dasharray: 1628px;
    }

    100% {
        stroke-dashoffset: 3256px;
        stroke-dasharray: 1628px;
    }
}

@keyframes animate-svg-stroke-3 {
    0% {
        stroke-dashoffset: 1628px;
        stroke-dasharray: 1628px;
    }

    100% {
        stroke-dashoffset: 3256px;
        stroke-dasharray: 1628px;
    }
}

.active .svg-elem-3,
.the-strategy-active .svg-elem-3 {
    -webkit-animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
        animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
    animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
        animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}

@-webkit-keyframes animate-svg-stroke-4 {
    0% {
        stroke-dashoffset: 1624px;
        stroke-dasharray: 1624px;
    }

    100% {
        stroke-dashoffset: 3248px;
        stroke-dasharray: 1624px;
    }
}

@keyframes animate-svg-stroke-4 {
    0% {
        stroke-dashoffset: 1624px;
        stroke-dasharray: 1624px;
    }

    100% {
        stroke-dashoffset: 3248px;
        stroke-dasharray: 1624px;
    }
}

.active .svg-elem-4,
.the-strategy-active .svg-elem-4 {
    -webkit-animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
        animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
    animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
        animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}

@-webkit-keyframes animate-svg-stroke-5 {
    0% {
        stroke-dashoffset: 573.7698629533423px;
        stroke-dasharray: 573.7698629533423px;
    }

    100% {
        stroke-dashoffset: 1147.5397259066847px;
        stroke-dasharray: 573.7698629533423px;
    }
}

@keyframes animate-svg-stroke-5 {
    0% {
        stroke-dashoffset: 573.7698629533423px;
        stroke-dasharray: 573.7698629533423px;
    }

    100% {
        stroke-dashoffset: 1147.5397259066847px;
        stroke-dasharray: 573.7698629533423px;
    }
}

.active .svg-elem-5,
.the-strategy-active .svg-elem-5 {
    -webkit-animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
        animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
    animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
        animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-6 {
    0% {
        stroke-dashoffset: 570.6282702997526px;
        stroke-dasharray: 570.6282702997526px;
    }

    100% {
        stroke-dashoffset: 1141.2565405995051px;
        stroke-dasharray: 570.6282702997526px;
    }
}

@keyframes animate-svg-stroke-6 {
    0% {
        stroke-dashoffset: 570.6282702997526px;
        stroke-dasharray: 570.6282702997526px;
    }

    100% {
        stroke-dashoffset: 1141.2565405995051px;
        stroke-dasharray: 570.6282702997526px;
    }
}

.active .svg-elem-6,
.the-strategy-active .svg-elem-6 {
    -webkit-animation: animate-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
        animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
    animation: animate-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
        animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}

@-webkit-keyframes animate-svg-stroke-7 {
    0% {
        stroke-dashoffset: 56px;
        stroke-dasharray: 56px;
    }

    100% {
        stroke-dashoffset: 112px;
        stroke-dasharray: 56px;
    }
}

@keyframes animate-svg-stroke-7 {
    0% {
        stroke-dashoffset: 56px;
        stroke-dasharray: 56px;
    }

    100% {
        stroke-dashoffset: 112px;
        stroke-dasharray: 56px;
    }
}

.active .svg-elem-7,
.the-strategy-active .svg-elem-7 {
    -webkit-animation: animate-svg-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
        animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
    animation: animate-svg-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
        animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-8 {
    0% {
        stroke-dashoffset: 54.5620002746582px;
        stroke-dasharray: 54.5620002746582px;
    }

    100% {
        stroke-dashoffset: 109.1240005493164px;
        stroke-dasharray: 54.5620002746582px;
    }
}

@keyframes animate-svg-stroke-8 {
    0% {
        stroke-dashoffset: 54.5620002746582px;
        stroke-dasharray: 54.5620002746582px;
    }

    100% {
        stroke-dashoffset: 109.1240005493164px;
        stroke-dasharray: 54.5620002746582px;
    }
}

.active .svg-elem-8,
.the-strategy-active .svg-elem-8 {
    -webkit-animation: animate-svg-stroke-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
        animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
    animation: animate-svg-stroke-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
        animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}


.ads-tabbing-flx-content-img-wrap img {
    position: absolute;
    top: 1.667vw;
    left: 1.51vw;
    z-index: 0;
    width: 24.74vw;
}

@-webkit-keyframes animate-svg-stroke-61 {
    0% {
        stroke-dashoffset: 278.46015351590177px;
        stroke-dasharray: 278.46015351590177px;
    }

    100% {
        stroke-dashoffset: 556.9203070318035px;
        stroke-dasharray: 278.46015351590177px;
    }
}

@keyframes animate-svg-stroke-61 {
    0% {
        stroke-dashoffset: 278.46015351590177px;
        stroke-dasharray: 278.46015351590177px;
    }

    100% {
        stroke-dashoffset: 556.9203070318035px;
        stroke-dasharray: 278.46015351590177px;
    }
}

.active .svg-elem-61,
.the-strategy-active .svg-elem-61 {
    -webkit-animation: animate-svg-stroke-61 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
        animate-svg-fill-61 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
    animation: animate-svg-stroke-61 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
        animate-svg-fill-61 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}

@-webkit-keyframes animate-svg-stroke-71 {
    0% {
        stroke-dashoffset: 275.318560862312px;
        stroke-dasharray: 275.318560862312px;
    }

    100% {
        stroke-dashoffset: 550.637121724624px;
        stroke-dasharray: 275.318560862312px;
    }
}

@keyframes animate-svg-stroke-71 {
    0% {
        stroke-dashoffset: 275.318560862312px;
        stroke-dasharray: 275.318560862312px;
    }

    100% {
        stroke-dashoffset: 550.637121724624px;
        stroke-dasharray: 275.318560862312px;
    }
}

.active .svg-elem-71,
.the-strategy-active .svg-elem-71 {
    -webkit-animation: animate-svg-stroke-71 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
        animate-svg-fill-71 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
    animation: animate-svg-stroke-71 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
        animate-svg-fill-71 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-81 {
    0% {
        stroke-dashoffset: 28px;
        stroke-dasharray: 28px;
    }

    100% {
        stroke-dashoffset: 56px;
        stroke-dasharray: 28px;
    }
}

@keyframes animate-svg-stroke-81 {
    0% {
        stroke-dashoffset: 28px;
        stroke-dasharray: 28px;
    }

    100% {
        stroke-dashoffset: 56px;
        stroke-dasharray: 28px;
    }
}

.active .svg-elem-81,
.the-strategy-active .svg-elem-81 {
    -webkit-animation: animate-svg-stroke-81 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
        animate-svg-fill-81 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
    animation: animate-svg-stroke-81 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
        animate-svg-fill-81 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}

@-webkit-keyframes animate-svg-stroke-91 {
    0% {
        stroke-dashoffset: 27.381999969482422px;
        stroke-dasharray: 27.381999969482422px;
    }

    100% {
        stroke-dashoffset: 54.763999938964844px;
        stroke-dasharray: 27.381999969482422px;
    }
}

@keyframes animate-svg-stroke-91 {
    0% {
        stroke-dashoffset: 27.381999969482422px;
        stroke-dasharray: 27.381999969482422px;
    }

    100% {
        stroke-dashoffset: 54.763999938964844px;
        stroke-dasharray: 27.381999969482422px;
    }
}

.active .svg-elem-91,
.the-strategy-active .svg-elem-91 {
    -webkit-animation: animate-svg-stroke-91 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
        animate-svg-fill-91 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
    animation: animate-svg-stroke-91 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
        animate-svg-fill-91 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
}

@-webkit-keyframes animate-svg-stroke-101 {
    0% {
        stroke-dashoffset: 278.46015351590177px;
        stroke-dasharray: 278.46015351590177px;
    }

    100% {
        stroke-dashoffset: 556.9203070318035px;
        stroke-dasharray: 278.46015351590177px;
    }
}

@keyframes animate-svg-stroke-101 {
    0% {
        stroke-dashoffset: 278.46015351590177px;
        stroke-dasharray: 278.46015351590177px;
    }

    100% {
        stroke-dashoffset: 556.9203070318035px;
        stroke-dasharray: 278.46015351590177px;
    }
}

.active .svg-elem-101,
.the-strategy-active .svg-elem-101 {
    -webkit-animation: animate-svg-stroke-101 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
        animate-svg-fill-101 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
    animation: animate-svg-stroke-101 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
        animate-svg-fill-101 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-111 {
    0% {
        stroke-dashoffset: 275.318560862312px;
        stroke-dasharray: 275.318560862312px;
    }

    100% {
        stroke-dashoffset: 550.637121724624px;
        stroke-dasharray: 275.318560862312px;
    }
}

@keyframes animate-svg-stroke-111 {
    0% {
        stroke-dashoffset: 275.318560862312px;
        stroke-dasharray: 275.318560862312px;
    }

    100% {
        stroke-dashoffset: 550.637121724624px;
        stroke-dasharray: 275.318560862312px;
    }
}

.active .svg-elem-111,
.the-strategy-active .svg-elem-111 {
    -webkit-animation: animate-svg-stroke-111 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
        animate-svg-fill-111 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
    animation: animate-svg-stroke-111 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
        animate-svg-fill-111 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
}

@-webkit-keyframes animate-svg-stroke-121 {
    0% {
        stroke-dashoffset: 28px;
        stroke-dasharray: 28px;
    }

    100% {
        stroke-dashoffset: 56px;
        stroke-dasharray: 28px;
    }
}

@keyframes animate-svg-stroke-121 {
    0% {
        stroke-dashoffset: 28px;
        stroke-dasharray: 28px;
    }

    100% {
        stroke-dashoffset: 56px;
        stroke-dasharray: 28px;
    }
}

.active .svg-elem-121,
.the-strategy-active .svg-elem-121 {
    -webkit-animation: animate-svg-stroke-121 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
        animate-svg-fill-121 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
    animation: animate-svg-stroke-121 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
        animate-svg-fill-121 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-131 {
    0% {
        stroke-dashoffset: 27.381999969482422px;
        stroke-dasharray: 27.381999969482422px;
    }

    100% {
        stroke-dashoffset: 54.763999938964844px;
        stroke-dasharray: 27.381999969482422px;
    }
}

@keyframes animate-svg-stroke-131 {
    0% {
        stroke-dashoffset: 27.381999969482422px;
        stroke-dasharray: 27.381999969482422px;
    }

    100% {
        stroke-dashoffset: 54.763999938964844px;
        stroke-dasharray: 27.381999969482422px;
    }
}

.active .svg-elem-131,
.the-strategy-active .svg-elem-131 {
    -webkit-animation: animate-svg-stroke-131 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both,
        animate-svg-fill-131 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
    animation: animate-svg-stroke-131 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both,
        animate-svg-fill-131 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
}

@-webkit-keyframes animate-svg-stroke-141 {
    0% {
        stroke-dashoffset: 278.46015351590177px;
        stroke-dasharray: 278.46015351590177px;
    }

    100% {
        stroke-dashoffset: 556.9203070318035px;
        stroke-dasharray: 278.46015351590177px;
    }
}

@keyframes animate-svg-stroke-141 {
    0% {
        stroke-dashoffset: 278.46015351590177px;
        stroke-dasharray: 278.46015351590177px;
    }

    100% {
        stroke-dashoffset: 556.9203070318035px;
        stroke-dasharray: 278.46015351590177px;
    }
}

.active .svg-elem-141,
.the-strategy-active .svg-elem-141 {
    -webkit-animation: animate-svg-stroke-141 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both,
        animate-svg-fill-141 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
    animation: animate-svg-stroke-141 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both,
        animate-svg-fill-141 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
}

@-webkit-keyframes animate-svg-stroke-151 {
    0% {
        stroke-dashoffset: 275.318560862312px;
        stroke-dasharray: 275.318560862312px;
    }

    100% {
        stroke-dashoffset: 550.637121724624px;
        stroke-dasharray: 275.318560862312px;
    }
}

@keyframes animate-svg-stroke-151 {
    0% {
        stroke-dashoffset: 275.318560862312px;
        stroke-dasharray: 275.318560862312px;
    }

    100% {
        stroke-dashoffset: 550.637121724624px;
        stroke-dasharray: 275.318560862312px;
    }
}

.active .svg-elem-151,
.the-strategy-active .svg-elem-151 {
    -webkit-animation: animate-svg-stroke-151 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both,
        animate-svg-fill-151 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
    animation: animate-svg-stroke-151 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both,
        animate-svg-fill-151 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
}

@-webkit-keyframes animate-svg-stroke-161 {
    0% {
        stroke-dashoffset: 28px;
        stroke-dasharray: 28px;
    }

    100% {
        stroke-dashoffset: 56px;
        stroke-dasharray: 28px;
    }
}

@keyframes animate-svg-stroke-161 {
    0% {
        stroke-dashoffset: 28px;
        stroke-dasharray: 28px;
    }

    100% {
        stroke-dashoffset: 56px;
        stroke-dasharray: 28px;
    }
}

.active .svg-elem-161,
.the-strategy-active .svg-elem-161 {
    -webkit-animation: animate-svg-stroke-161 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s both,
        animate-svg-fill-161 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
    animation: animate-svg-stroke-161 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s both,
        animate-svg-fill-161 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
}

@-webkit-keyframes animate-svg-stroke-171 {
    0% {
        stroke-dashoffset: 27.381999969482422px;
        stroke-dasharray: 27.381999969482422px;
    }

    100% {
        stroke-dashoffset: 54.763999938964844px;
        stroke-dasharray: 27.381999969482422px;
    }
}

@keyframes animate-svg-stroke-171 {
    0% {
        stroke-dashoffset: 27.381999969482422px;
        stroke-dasharray: 27.381999969482422px;
    }

    100% {
        stroke-dashoffset: 54.763999938964844px;
        stroke-dasharray: 27.381999969482422px;
    }
}

.active .svg-elem-171,
.the-strategy-active .svg-elem-171 {
    -webkit-animation: animate-svg-stroke-171 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s both,
        animate-svg-fill-171 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s both;
    animation: animate-svg-stroke-171 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s both,
        animate-svg-fill-171 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s both;
}


/***************************************************
 * Generated by SVG Artista on 7/29/2024, 2:05:07 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

@-webkit-keyframes animate-svg-stroke-ct-1 {
    0% {
        stroke-dashoffset: 1648.7000732421875px;
        stroke-dasharray: 1648.7000732421875px;
    }

    100% {
        stroke-dashoffset: 3297.400146484375px;
        stroke-dasharray: 1648.7000732421875px;
    }
}

@keyframes animate-svg-stroke-ct-1 {
    0% {
        stroke-dashoffset: 1648.7000732421875px;
        stroke-dasharray: 1648.7000732421875px;
    }

    100% {
        stroke-dashoffset: 3297.400146484375px;
        stroke-dasharray: 1648.7000732421875px;
    }
}

.active .svg-elem-ct-1,
.the-strategy-active .svg-elem-ct-1 {
    -webkit-animation: animate-svg-stroke-ct-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
        animate-svg-fill-ct-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
    animation: animate-svg-stroke-ct-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
        animate-svg-fill-ct-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}

@-webkit-keyframes animate-svg-stroke-ct-2 {
    0% {
        stroke-dashoffset: 3288.070556640625px;
        stroke-dasharray: 3288.070556640625px;
    }

    100% {
        stroke-dashoffset: 6576.14111328125px;
        stroke-dasharray: 3288.070556640625px;
    }
}

@keyframes animate-svg-stroke-ct-2 {
    0% {
        stroke-dashoffset: 3288.070556640625px;
        stroke-dasharray: 3288.070556640625px;
    }

    100% {
        stroke-dashoffset: 6576.14111328125px;
        stroke-dasharray: 3288.070556640625px;
    }
}

@-webkit-keyframes animate-svg-fill-ct-2 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

@keyframes animate-svg-fill-ct-2 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

.active .svg-elem-ct-2,
.the-strategy-active .svg-elem-ct-2 {
    -webkit-animation: animate-svg-stroke-ct-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
        animate-svg-fill-ct-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
    animation: animate-svg-stroke-ct-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
        animate-svg-fill-ct-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}

@-webkit-keyframes animate-svg-stroke-ct-3 {
    0% {
        stroke-dashoffset: 1628px;
        stroke-dasharray: 1628px;
    }

    100% {
        stroke-dashoffset: 3256px;
        stroke-dasharray: 1628px;
    }
}

@keyframes animate-svg-stroke-ct-3 {
    0% {
        stroke-dashoffset: 1628px;
        stroke-dasharray: 1628px;
    }

    100% {
        stroke-dashoffset: 3256px;
        stroke-dasharray: 1628px;
    }
}

.active .svg-elem-ct-3,
.the-strategy-active .svg-elem-ct-3 {
    -webkit-animation: animate-svg-stroke-ct-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
        animate-svg-fill-ct-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
    animation: animate-svg-stroke-ct-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
        animate-svg-fill-ct-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}

@-webkit-keyframes animate-svg-stroke-ct-4 {
    0% {
        stroke-dashoffset: 1624px;
        stroke-dasharray: 1624px;
    }

    100% {
        stroke-dashoffset: 3248px;
        stroke-dasharray: 1624px;
    }
}

@keyframes animate-svg-stroke-ct-4 {
    0% {
        stroke-dashoffset: 1624px;
        stroke-dasharray: 1624px;
    }

    100% {
        stroke-dashoffset: 3248px;
        stroke-dasharray: 1624px;
    }
}

.active .svg-elem-ct-4,
.the-strategy-active .svg-elem-ct-4 {
    -webkit-animation: animate-svg-stroke-ct-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
        animate-svg-fill-ct-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
    animation: animate-svg-stroke-ct-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
        animate-svg-fill-ct-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}

@-webkit-keyframes animate-svg-stroke-ct-5 {
    0% {
        stroke-dashoffset: 278.46015351590177px;
        stroke-dasharray: 278.46015351590177px;
    }

    100% {
        stroke-dashoffset: 556.9203070318035px;
        stroke-dasharray: 278.46015351590177px;
    }
}

@keyframes animate-svg-stroke-ct-5 {
    0% {
        stroke-dashoffset: 278.46015351590177px;
        stroke-dasharray: 278.46015351590177px;
    }

    100% {
        stroke-dashoffset: 556.9203070318035px;
        stroke-dasharray: 278.46015351590177px;
    }
}

@-webkit-keyframes animate-svg-fill-ct-5 {
    0% {
        fill: transparent;
    }

    100% {
        fill: url("#linear-gradient");
    }
}

@keyframes animate-svg-fill-ct-5 {
    0% {
        fill: transparent;
    }

    100% {
        fill: url("#linear-gradient");
    }
}

.active .svg-elem-ct-5,
.the-strategy-active .svg-elem-ct-5 {
    -webkit-animation: animate-svg-stroke-ct-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
        animate-svg-fill-ct-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
    animation: animate-svg-stroke-ct-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
        animate-svg-fill-ct-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-ct-54 {
    0% {
        stroke-dashoffset: 278.46015351590177px;
        stroke-dasharray: 278.46015351590177px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 278.46015351590177px;
    }
}

@keyframes animate-svg-stroke-ct-54 {
    0% {
        stroke-dashoffset: 278.46015351590177px;
        stroke-dasharray: 278.46015351590177px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 278.46015351590177px;
    }
}

@-webkit-keyframes animate-svg-fill-ct-54 {
    0% {
        fill: transparent;
    }

    100% {
        fill: url("#linear-gradient-new");
    }
}

@keyframes animate-svg-fill-ct-54 {
    0% {
        fill: transparent;
    }

    100% {
        fill: url("#linear-gradient-new");
    }
}

.active .svg-elem-ct-54 {
    -webkit-animation: animate-svg-stroke-ct-54 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
        animate-svg-fill-ct-54 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
    animation: animate-svg-stroke-ct-54 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
        animate-svg-fill-ct-54 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-ct-6 {
    0% {
        stroke-dashoffset: 275.318560862312px;
        stroke-dasharray: 275.318560862312px;
    }

    100% {
        stroke-dashoffset: 550.637121724624px;
        stroke-dasharray: 275.318560862312px;
    }
}

@keyframes animate-svg-stroke-ct-6 {
    0% {
        stroke-dashoffset: 275.318560862312px;
        stroke-dasharray: 275.318560862312px;
    }

    100% {
        stroke-dashoffset: 550.637121724624px;
        stroke-dasharray: 275.318560862312px;
    }
}

.active .svg-elem-ct-6,
.the-strategy-active .svg-elem-ct-6 {
    -webkit-animation: animate-svg-stroke-ct-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
        animate-svg-fill-ct-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
    animation: animate-svg-stroke-ct-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
        animate-svg-fill-ct-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}

@-webkit-keyframes animate-svg-stroke-ct-7 {
    0% {
        stroke-dashoffset: 278.46015351590177px;
        stroke-dasharray: 278.46015351590177px;
    }

    100% {
        stroke-dashoffset: 556.9203070318035px;
        stroke-dasharray: 278.46015351590177px;
    }
}

@keyframes animate-svg-stroke-ct-7 {
    0% {
        stroke-dashoffset: 278.46015351590177px;
        stroke-dasharray: 278.46015351590177px;
    }

    100% {
        stroke-dashoffset: 556.9203070318035px;
        stroke-dasharray: 278.46015351590177px;
    }
}

@-webkit-keyframes animate-svg-fill-ct-7 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(246, 89, 76);
    }
}

@keyframes animate-svg-fill-ct-7 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(246, 89, 76);
    }
}

.active .svg-elem-ct-7,
.the-strategy-active .svg-elem-ct-7 {
    -webkit-animation: animate-svg-stroke-ct-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
        animate-svg-fill-ct-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
    animation: animate-svg-stroke-ct-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
        animate-svg-fill-ct-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-ct-8 {
    0% {
        stroke-dashoffset: 275.318560862312px;
        stroke-dasharray: 275.318560862312px;
    }

    100% {
        stroke-dashoffset: 550.637121724624px;
        stroke-dasharray: 275.318560862312px;
    }
}

@keyframes animate-svg-stroke-ct-8 {
    0% {
        stroke-dashoffset: 275.318560862312px;
        stroke-dasharray: 275.318560862312px;
    }

    100% {
        stroke-dashoffset: 550.637121724624px;
        stroke-dasharray: 275.318560862312px;
    }
}

.active .svg-elem-ct-8,
.the-strategy-active .svg-elem-ct-8 {
    -webkit-animation: animate-svg-stroke-ct-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
        animate-svg-fill-ct-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
    animation: animate-svg-stroke-ct-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
        animate-svg-fill-ct-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}

@-webkit-keyframes animate-svg-stroke-ct-9 {
    0% {
        stroke-dashoffset: 133.94689145077132px;
        stroke-dasharray: 133.94689145077132px;
    }

    100% {
        stroke-dashoffset: 267.89378290154264px;
        stroke-dasharray: 133.94689145077132px;
    }
}

@keyframes animate-svg-stroke-ct-9 {
    0% {
        stroke-dashoffset: 133.94689145077132px;
        stroke-dasharray: 133.94689145077132px;
    }

    100% {
        stroke-dashoffset: 267.89378290154264px;
        stroke-dasharray: 133.94689145077132px;
    }
}

@-webkit-keyframes animate-svg-fill-ct-9 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(246, 89, 76);
    }
}

@keyframes animate-svg-fill-ct-9 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(246, 89, 76);
    }
}

.active .svg-elem-ct-9,
.the-strategy-active .svg-elem-ct-9 {
    -webkit-animation: animate-svg-stroke-ct-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
        animate-svg-fill-ct-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
    animation: animate-svg-stroke-ct-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
        animate-svg-fill-ct-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
}

@-webkit-keyframes animate-svg-stroke-ct-10 {
    0% {
        stroke-dashoffset: 130.8052987971815px;
        stroke-dasharray: 130.8052987971815px;
    }

    100% {
        stroke-dashoffset: 261.610597594363px;
        stroke-dasharray: 130.8052987971815px;
    }
}

@keyframes animate-svg-stroke-ct-10 {
    0% {
        stroke-dashoffset: 130.8052987971815px;
        stroke-dasharray: 130.8052987971815px;
    }

    100% {
        stroke-dashoffset: 261.610597594363px;
        stroke-dasharray: 130.8052987971815px;
    }
}

.active .svg-elem-ct-10,
.the-strategy-active .svg-elem-ct-10 {
    -webkit-animation: animate-svg-stroke-ct-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
        animate-svg-fill-ct-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
    animation: animate-svg-stroke-ct-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
        animate-svg-fill-ct-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-ct-11 {
    0% {
        stroke-dashoffset: 278.46015351590177px;
        stroke-dasharray: 278.46015351590177px;
    }

    100% {
        stroke-dashoffset: 556.9203070318035px;
        stroke-dasharray: 278.46015351590177px;
    }
}

@keyframes animate-svg-stroke-ct-11 {
    0% {
        stroke-dashoffset: 278.46015351590177px;
        stroke-dasharray: 278.46015351590177px;
    }

    100% {
        stroke-dashoffset: 556.9203070318035px;
        stroke-dasharray: 278.46015351590177px;
    }
}

@-webkit-keyframes animate-svg-fill-ct-11 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(246, 89, 76);
    }
}

@keyframes animate-svg-fill-ct-11 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(246, 89, 76);
    }
}

.active .svg-elem-ct-11,
.the-strategy-active .svg-elem-ct-11 {
    -webkit-animation: animate-svg-stroke-ct-11 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
        animate-svg-fill-ct-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
    animation: animate-svg-stroke-ct-11 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
        animate-svg-fill-ct-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
}

@-webkit-keyframes animate-svg-stroke-ct-12 {
    0% {
        stroke-dashoffset: 275.318560862312px;
        stroke-dasharray: 275.318560862312px;
    }

    100% {
        stroke-dashoffset: 550.637121724624px;
        stroke-dasharray: 275.318560862312px;
    }
}

@keyframes animate-svg-stroke-ct-12 {
    0% {
        stroke-dashoffset: 275.318560862312px;
        stroke-dasharray: 275.318560862312px;
    }

    100% {
        stroke-dashoffset: 550.637121724624px;
        stroke-dasharray: 275.318560862312px;
    }
}

.active .svg-elem-ct-12,
.the-strategy-active .svg-elem-ct-12 {
    -webkit-animation: animate-svg-stroke-ct-12 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
        animate-svg-fill-ct-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
    animation: animate-svg-stroke-ct-12 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
        animate-svg-fill-ct-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-ct-13 {
    0% {
        stroke-dashoffset: 50.613868713378906px;
        stroke-dasharray: 50.613868713378906px;
    }

    100% {
        stroke-dashoffset: 101.22773742675781px;
        stroke-dasharray: 50.613868713378906px;
    }
}

@keyframes animate-svg-stroke-ct-13 {
    0% {
        stroke-dashoffset: 50.613868713378906px;
        stroke-dasharray: 50.613868713378906px;
    }

    100% {
        stroke-dashoffset: 101.22773742675781px;
        stroke-dasharray: 50.613868713378906px;
    }
}

@-webkit-keyframes animate-svg-fill-ct-13 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

@keyframes animate-svg-fill-ct-13 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

.active .svg-elem-ct-13,
.the-strategy-active .svg-elem-ct-13 {
    -webkit-animation: animate-svg-stroke-ct-13 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both,
        animate-svg-fill-ct-13 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
    animation: animate-svg-stroke-ct-13 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both,
        animate-svg-fill-ct-13 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
}

@-webkit-keyframes animate-svg-stroke-ct-14 {
    0% {
        stroke-dashoffset: 77.56803894042969px;
        stroke-dasharray: 77.56803894042969px;
    }

    100% {
        stroke-dashoffset: 155.13607788085938px;
        stroke-dasharray: 77.56803894042969px;
    }
}

@keyframes animate-svg-stroke-ct-14 {
    0% {
        stroke-dashoffset: 77.56803894042969px;
        stroke-dasharray: 77.56803894042969px;
    }

    100% {
        stroke-dashoffset: 155.13607788085938px;
        stroke-dasharray: 77.56803894042969px;
    }
}

@-webkit-keyframes animate-svg-fill-ct-14 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

@keyframes animate-svg-fill-ct-14 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

.active .svg-elem-ct-14,
.the-strategy-active .svg-elem-ct-14 {
    -webkit-animation: animate-svg-stroke-ct-14 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both,
        animate-svg-fill-ct-14 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
    animation: animate-svg-stroke-ct-14 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both,
        animate-svg-fill-ct-14 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
}

@-webkit-keyframes animate-svg-stroke-ct-15 {
    0% {
        stroke-dashoffset: 98.40773010253906px;
        stroke-dasharray: 98.40773010253906px;
    }

    100% {
        stroke-dashoffset: 196.81546020507812px;
        stroke-dasharray: 98.40773010253906px;
    }
}

@keyframes animate-svg-stroke-ct-15 {
    0% {
        stroke-dashoffset: 98.40773010253906px;
        stroke-dasharray: 98.40773010253906px;
    }

    100% {
        stroke-dashoffset: 196.81546020507812px;
        stroke-dasharray: 98.40773010253906px;
    }
}

@-webkit-keyframes animate-svg-fill-ct-15 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

@keyframes animate-svg-fill-ct-15 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

.active .svg-elem-ct-15,
.the-strategy-active .svg-elem-ct-15 {
    -webkit-animation: animate-svg-stroke-ct-15 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both,
        animate-svg-fill-ct-15 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
    animation: animate-svg-stroke-ct-15 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both,
        animate-svg-fill-ct-15 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
}

@-webkit-keyframes animate-svg-stroke-ct-16 {
    0% {
        stroke-dashoffset: 116.81596374511719px;
        stroke-dasharray: 116.81596374511719px;
    }

    100% {
        stroke-dashoffset: 233.63192749023438px;
        stroke-dasharray: 116.81596374511719px;
    }
}

@keyframes animate-svg-stroke-ct-16 {
    0% {
        stroke-dashoffset: 116.81596374511719px;
        stroke-dasharray: 116.81596374511719px;
    }

    100% {
        stroke-dashoffset: 233.63192749023438px;
        stroke-dasharray: 116.81596374511719px;
    }
}

@-webkit-keyframes animate-svg-fill-ct-16 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

@keyframes animate-svg-fill-ct-16 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

.active .svg-elem-ct-16,
.the-strategy-active .svg-elem-ct-16 {
    -webkit-animation: animate-svg-stroke-ct-16 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s both,
        animate-svg-fill-ct-16 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
    animation: animate-svg-stroke-ct-16 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s both,
        animate-svg-fill-ct-16 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
}

@-webkit-keyframes animate-svg-stroke-ct-17 {
    0% {
        stroke-dashoffset: 133.93685913085938px;
        stroke-dasharray: 133.93685913085938px;
    }

    100% {
        stroke-dashoffset: 267.87371826171875px;
        stroke-dasharray: 133.93685913085938px;
    }
}

@keyframes animate-svg-stroke-ct-17 {
    0% {
        stroke-dashoffset: 133.93685913085938px;
        stroke-dasharray: 133.93685913085938px;
    }

    100% {
        stroke-dashoffset: 267.87371826171875px;
        stroke-dasharray: 133.93685913085938px;
    }
}

@-webkit-keyframes animate-svg-fill-ct-17 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

@keyframes animate-svg-fill-ct-17 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

.active .svg-elem-ct-17,
.the-strategy-active .svg-elem-ct-17 {
    -webkit-animation: animate-svg-stroke-ct-17 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s both,
        animate-svg-fill-ct-17 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s both;
    animation: animate-svg-stroke-ct-17 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s both,
        animate-svg-fill-ct-17 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s both;
}

@-webkit-keyframes animate-svg-stroke-ct-18 {
    0% {
        stroke-dashoffset: 150.48951721191406px;
        stroke-dasharray: 150.48951721191406px;
    }

    100% {
        stroke-dashoffset: 300.9790344238281px;
        stroke-dasharray: 150.48951721191406px;
    }
}

@keyframes animate-svg-stroke-ct-18 {
    0% {
        stroke-dashoffset: 150.48951721191406px;
        stroke-dasharray: 150.48951721191406px;
    }

    100% {
        stroke-dashoffset: 300.9790344238281px;
        stroke-dasharray: 150.48951721191406px;
    }
}

@-webkit-keyframes animate-svg-fill-ct-18 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

@keyframes animate-svg-fill-ct-18 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

.active .svg-elem-ct-18,
.the-strategy-active .svg-elem-ct-18 {
    -webkit-animation: animate-svg-stroke-ct-18 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s both,
        animate-svg-fill-ct-18 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
    animation: animate-svg-stroke-ct-18 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s both,
        animate-svg-fill-ct-18 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
}

@-webkit-keyframes animate-svg-stroke-ct-19 {
    0% {
        stroke-dashoffset: 1381.2432861328125px;
        stroke-dasharray: 1381.2432861328125px;
    }

    100% {
        stroke-dashoffset: 2762.486572265625px;
        stroke-dasharray: 1381.2432861328125px;
    }
}

@keyframes animate-svg-stroke-ct-19 {
    0% {
        stroke-dashoffset: 1381.2432861328125px;
        stroke-dasharray: 1381.2432861328125px;
    }

    100% {
        stroke-dashoffset: 2762.486572265625px;
        stroke-dasharray: 1381.2432861328125px;
    }
}

@-webkit-keyframes animate-svg-fill-ct-19 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

@keyframes animate-svg-fill-ct-19 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

.active .svg-elem-ct-19,
.the-strategy-active .svg-elem-ct-19 {
    -webkit-animation: animate-svg-stroke-ct-19 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s both,
        animate-svg-fill-ct-19 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s both;
    animation: animate-svg-stroke-ct-19 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s both,
        animate-svg-fill-ct-19 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s both;
}

@-webkit-keyframes animate-svg-stroke-ct-20 {
    0% {
        stroke-dashoffset: 183.89955139160156px;
        stroke-dasharray: 183.89955139160156px;
    }

    100% {
        stroke-dashoffset: 367.7991027832031px;
        stroke-dasharray: 183.89955139160156px;
    }
}

@keyframes animate-svg-stroke-ct-20 {
    0% {
        stroke-dashoffset: 183.89955139160156px;
        stroke-dasharray: 183.89955139160156px;
    }

    100% {
        stroke-dashoffset: 367.7991027832031px;
        stroke-dasharray: 183.89955139160156px;
    }
}

@-webkit-keyframes animate-svg-fill-ct-20 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

@keyframes animate-svg-fill-ct-20 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

.active .svg-elem-ct-20,
.the-strategy-active .svg-elem-ct-20 {
    -webkit-animation: animate-svg-stroke-ct-20 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s both,
        animate-svg-fill-ct-20 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s both;
    animation: animate-svg-stroke-ct-20 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s both,
        animate-svg-fill-ct-20 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s both;
}

@-webkit-keyframes animate-svg-stroke-ct-21 {
    0% {
        stroke-dashoffset: 181.86074829101562px;
        stroke-dasharray: 181.86074829101562px;
    }

    100% {
        stroke-dashoffset: 363.72149658203125px;
        stroke-dasharray: 181.86074829101562px;
    }
}

@keyframes animate-svg-stroke-ct-21 {
    0% {
        stroke-dashoffset: 181.86074829101562px;
        stroke-dasharray: 181.86074829101562px;
    }

    100% {
        stroke-dashoffset: 363.72149658203125px;
        stroke-dasharray: 181.86074829101562px;
    }
}

@-webkit-keyframes animate-svg-fill-ct-21 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

@keyframes animate-svg-fill-ct-21 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

.active .svg-elem-ct-21,
.the-strategy-active .svg-elem-ct-21 {
    -webkit-animation: animate-svg-stroke-ct-21 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s both,
        animate-svg-fill-ct-21 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s both;
    animation: animate-svg-stroke-ct-21 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s both,
        animate-svg-fill-ct-21 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s both;
}

@-webkit-keyframes animate-svg-stroke-ct-22 {
    0% {
        stroke-dashoffset: 178.441650390625px;
        stroke-dasharray: 178.441650390625px;
    }

    100% {
        stroke-dashoffset: 356.88330078125px;
        stroke-dasharray: 178.441650390625px;
    }
}

@keyframes animate-svg-stroke-ct-22 {
    0% {
        stroke-dashoffset: 178.441650390625px;
        stroke-dasharray: 178.441650390625px;
    }

    100% {
        stroke-dashoffset: 356.88330078125px;
        stroke-dasharray: 178.441650390625px;
    }
}

@-webkit-keyframes animate-svg-fill-ct-22 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

@keyframes animate-svg-fill-ct-22 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

.active .svg-elem-ct-22,
.the-strategy-active .svg-elem-ct-22 {
    -webkit-animation: animate-svg-stroke-ct-22 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s both,
        animate-svg-fill-ct-22 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s both;
    animation: animate-svg-stroke-ct-22 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s both,
        animate-svg-fill-ct-22 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s both;
}

@-webkit-keyframes animate-svg-stroke-ct-23 {
    0% {
        stroke-dashoffset: 175.5984649658203px;
        stroke-dasharray: 175.5984649658203px;
    }

    100% {
        stroke-dashoffset: 351.1969299316406px;
        stroke-dasharray: 175.5984649658203px;
    }
}

@keyframes animate-svg-stroke-ct-23 {
    0% {
        stroke-dashoffset: 175.5984649658203px;
        stroke-dasharray: 175.5984649658203px;
    }

    100% {
        stroke-dashoffset: 351.1969299316406px;
        stroke-dasharray: 175.5984649658203px;
    }
}

@-webkit-keyframes animate-svg-fill-ct-23 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

@keyframes animate-svg-fill-ct-23 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

.active .svg-elem-ct-23,
.the-strategy-active .svg-elem-ct-23 {
    -webkit-animation: animate-svg-stroke-ct-23 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6399999999999997s both,
        animate-svg-fill-ct-23 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
    animation: animate-svg-stroke-ct-23 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6399999999999997s both,
        animate-svg-fill-ct-23 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
}

@-webkit-keyframes animate-svg-stroke-ct-24 {
    0% {
        stroke-dashoffset: 171.04586791992188px;
        stroke-dasharray: 171.04586791992188px;
    }

    100% {
        stroke-dashoffset: 342.09173583984375px;
        stroke-dasharray: 171.04586791992188px;
    }
}

@keyframes animate-svg-stroke-ct-24 {
    0% {
        stroke-dashoffset: 171.04586791992188px;
        stroke-dasharray: 171.04586791992188px;
    }

    100% {
        stroke-dashoffset: 342.09173583984375px;
        stroke-dasharray: 171.04586791992188px;
    }
}

@-webkit-keyframes animate-svg-fill-ct-24 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

@keyframes animate-svg-fill-ct-24 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

.active .svg-elem-ct-24,
.the-strategy-active .svg-elem-ct-24 {
    -webkit-animation: animate-svg-stroke-ct-24 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.76s both,
        animate-svg-fill-ct-24 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1000000000000005s both;
    animation: animate-svg-stroke-ct-24 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.76s both,
        animate-svg-fill-ct-24 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1000000000000005s both;
}

@-webkit-keyframes animate-svg-stroke-ct-25 {
    0% {
        stroke-dashoffset: 164.375244140625px;
        stroke-dasharray: 164.375244140625px;
    }

    100% {
        stroke-dashoffset: 328.75048828125px;
        stroke-dasharray: 164.375244140625px;
    }
}

@keyframes animate-svg-stroke-ct-25 {
    0% {
        stroke-dashoffset: 164.375244140625px;
        stroke-dasharray: 164.375244140625px;
    }

    100% {
        stroke-dashoffset: 328.75048828125px;
        stroke-dasharray: 164.375244140625px;
    }
}

@-webkit-keyframes animate-svg-fill-ct-25 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

@keyframes animate-svg-fill-ct-25 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

.active .svg-elem-ct-25,
.the-strategy-active .svg-elem-ct-25 {
    -webkit-animation: animate-svg-stroke-ct-25 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.88s both,
        animate-svg-fill-ct-25 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s both;
    animation: animate-svg-stroke-ct-25 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.88s both,
        animate-svg-fill-ct-25 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s both;
}

@-webkit-keyframes animate-svg-stroke-ct-26 {
    0% {
        stroke-dashoffset: 156.2091827392578px;
        stroke-dasharray: 156.2091827392578px;
    }

    100% {
        stroke-dashoffset: 312.4183654785156px;
        stroke-dasharray: 156.2091827392578px;
    }
}

@keyframes animate-svg-stroke-ct-26 {
    0% {
        stroke-dashoffset: 156.2091827392578px;
        stroke-dasharray: 156.2091827392578px;
    }

    100% {
        stroke-dashoffset: 312.4183654785156px;
        stroke-dasharray: 156.2091827392578px;
    }
}

@-webkit-keyframes animate-svg-fill-ct-26 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

@keyframes animate-svg-fill-ct-26 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

.active .svg-elem-ct-26,
.the-strategy-active .svg-elem-ct-26 {
    -webkit-animation: animate-svg-stroke-ct-26 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both,
        animate-svg-fill-ct-26 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s both;
    animation: animate-svg-stroke-ct-26 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both,
        animate-svg-fill-ct-26 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s both;
}

@-webkit-keyframes animate-svg-stroke-ct-27 {
    0% {
        stroke-dashoffset: 145.07498168945312px;
        stroke-dasharray: 145.07498168945312px;
    }

    100% {
        stroke-dashoffset: 290.14996337890625px;
        stroke-dasharray: 145.07498168945312px;
    }
}

@keyframes animate-svg-stroke-ct-27 {
    0% {
        stroke-dashoffset: 145.07498168945312px;
        stroke-dasharray: 145.07498168945312px;
    }

    100% {
        stroke-dashoffset: 290.14996337890625px;
        stroke-dasharray: 145.07498168945312px;
    }
}

@-webkit-keyframes animate-svg-fill-ct-27 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

@keyframes animate-svg-fill-ct-27 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

.active .svg-elem-ct-27,
.the-strategy-active .svg-elem-ct-27 {
    -webkit-animation: animate-svg-stroke-ct-27 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.12s both,
        animate-svg-fill-ct-27 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s both;
    animation: animate-svg-stroke-ct-27 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.12s both,
        animate-svg-fill-ct-27 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s both;
}

@-webkit-keyframes animate-svg-stroke-ct-28 {
    0% {
        stroke-dashoffset: 130.9904022216797px;
        stroke-dasharray: 130.9904022216797px;
    }

    100% {
        stroke-dashoffset: 261.9808044433594px;
        stroke-dasharray: 130.9904022216797px;
    }
}

@keyframes animate-svg-stroke-ct-28 {
    0% {
        stroke-dashoffset: 130.9904022216797px;
        stroke-dasharray: 130.9904022216797px;
    }

    100% {
        stroke-dashoffset: 261.9808044433594px;
        stroke-dasharray: 130.9904022216797px;
    }
}

@-webkit-keyframes animate-svg-fill-ct-28 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

@keyframes animate-svg-fill-ct-28 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

.active .svg-elem-ct-28,
.the-strategy-active .svg-elem-ct-28 {
    -webkit-animation: animate-svg-stroke-ct-28 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2399999999999998s both,
        animate-svg-fill-ct-28 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s both;
    animation: animate-svg-stroke-ct-28 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2399999999999998s both,
        animate-svg-fill-ct-28 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s both;
}

@-webkit-keyframes animate-svg-stroke-ct-29 {
    0% {
        stroke-dashoffset: 107.21981048583984px;
        stroke-dasharray: 107.21981048583984px;
    }

    100% {
        stroke-dashoffset: 214.4396209716797px;
        stroke-dasharray: 107.21981048583984px;
    }
}

@keyframes animate-svg-stroke-ct-29 {
    0% {
        stroke-dashoffset: 107.21981048583984px;
        stroke-dasharray: 107.21981048583984px;
    }

    100% {
        stroke-dashoffset: 214.4396209716797px;
        stroke-dasharray: 107.21981048583984px;
    }
}

@-webkit-keyframes animate-svg-fill-ct-29 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

@keyframes animate-svg-fill-ct-29 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

.active .svg-elem-ct-29,
.the-strategy-active .svg-elem-ct-29 {
    -webkit-animation: animate-svg-stroke-ct-29 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.36s both,
        animate-svg-fill-ct-29 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6000000000000005s both;
    animation: animate-svg-stroke-ct-29 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.36s both,
        animate-svg-fill-ct-29 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6000000000000005s both;
}


/***************************************************
 * Generated by SVG Artista on 7/29/2024, 2:11:58 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

@-webkit-keyframes animate-svg-stroke-It-1 {
    0% {
        stroke-dashoffset: 1648.7000732421875px;
        stroke-dasharray: 1648.7000732421875px;
    }

    100% {
        stroke-dashoffset: 3297.400146484375px;
        stroke-dasharray: 1648.7000732421875px;
    }
}

@keyframes animate-svg-stroke-It-1 {
    0% {
        stroke-dashoffset: 1648.7000732421875px;
        stroke-dasharray: 1648.7000732421875px;
    }

    100% {
        stroke-dashoffset: 3297.400146484375px;
        stroke-dasharray: 1648.7000732421875px;
    }
}

.active .svg-elem-It-1,
.the-strategy-active .svg-elem-It-1 {
    -webkit-animation: animate-svg-stroke-It-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
        animate-svg-fill-It-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
    animation: animate-svg-stroke-It-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
        animate-svg-fill-It-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}

@-webkit-keyframes animate-svg-stroke-It-2 {
    0% {
        stroke-dashoffset: 3288.070556640625px;
        stroke-dasharray: 3288.070556640625px;
    }

    100% {
        stroke-dashoffset: 6576.14111328125px;
        stroke-dasharray: 3288.070556640625px;
    }
}

@keyframes animate-svg-stroke-It-2 {
    0% {
        stroke-dashoffset: 3288.070556640625px;
        stroke-dasharray: 3288.070556640625px;
    }

    100% {
        stroke-dashoffset: 6576.14111328125px;
        stroke-dasharray: 3288.070556640625px;
    }
}

@-webkit-keyframes animate-svg-fill-It-2 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

@keyframes animate-svg-fill-It-2 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

.active .svg-elem-It-2,
.the-strategy-active .svg-elem-It-2 {
    -webkit-animation: animate-svg-stroke-It-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
        animate-svg-fill-It-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
    animation: animate-svg-stroke-It-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
        animate-svg-fill-It-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}

@-webkit-keyframes animate-svg-stroke-It-3 {
    0% {
        stroke-dashoffset: 1628px;
        stroke-dasharray: 1628px;
    }

    100% {
        stroke-dashoffset: 3256px;
        stroke-dasharray: 1628px;
    }
}

@keyframes animate-svg-stroke-It-3 {
    0% {
        stroke-dashoffset: 1628px;
        stroke-dasharray: 1628px;
    }

    100% {
        stroke-dashoffset: 3256px;
        stroke-dasharray: 1628px;
    }
}

.active .svg-elem-It-3,
.the-strategy-active .svg-elem-It-3 {
    -webkit-animation: animate-svg-stroke-It-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
        animate-svg-fill-It-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
    animation: animate-svg-stroke-It-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
        animate-svg-fill-It-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}

@-webkit-keyframes animate-svg-stroke-It-4 {
    0% {
        stroke-dashoffset: 1624px;
        stroke-dasharray: 1624px;
    }

    100% {
        stroke-dashoffset: 3248px;
        stroke-dasharray: 1624px;
    }
}

@keyframes animate-svg-stroke-It-4 {
    0% {
        stroke-dashoffset: 1624px;
        stroke-dasharray: 1624px;
    }

    100% {
        stroke-dashoffset: 3248px;
        stroke-dasharray: 1624px;
    }
}

.active .svg-elem-It-4,
.the-strategy-active .svg-elem-It-4 {
    -webkit-animation: animate-svg-stroke-It-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
        animate-svg-fill-It-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
    animation: animate-svg-stroke-It-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
        animate-svg-fill-It-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}

@-webkit-keyframes animate-svg-stroke-It-5 {
    0% {
        stroke-dashoffset: 278.46015351590177px;
        stroke-dasharray: 278.46015351590177px;
    }

    100% {
        stroke-dashoffset: 556.9203070318035px;
        stroke-dasharray: 278.46015351590177px;
    }
}

@keyframes animate-svg-stroke-It-5 {
    0% {
        stroke-dashoffset: 278.46015351590177px;
        stroke-dasharray: 278.46015351590177px;
    }

    100% {
        stroke-dashoffset: 556.9203070318035px;
        stroke-dasharray: 278.46015351590177px;
    }
}

@-webkit-keyframes animate-svg-fill-It-5 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(246, 89, 76);
    }
}

@keyframes animate-svg-fill-It-5 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(246, 89, 76);
    }
}

.active .svg-elem-It-5,
.the-strategy-active .svg-elem-It-5 {
    -webkit-animation: animate-svg-stroke-It-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
        animate-svg-fill-It-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
    animation: animate-svg-stroke-It-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
        animate-svg-fill-It-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-It-6 {
    0% {
        stroke-dashoffset: 275.318560862312px;
        stroke-dasharray: 275.318560862312px;
    }

    100% {
        stroke-dashoffset: 550.637121724624px;
        stroke-dasharray: 275.318560862312px;
    }
}

@keyframes animate-svg-stroke-It-6 {
    0% {
        stroke-dashoffset: 275.318560862312px;
        stroke-dasharray: 275.318560862312px;
    }

    100% {
        stroke-dashoffset: 550.637121724624px;
        stroke-dasharray: 275.318560862312px;
    }
}

.active .svg-elem-It-6,
.the-strategy-active .svg-elem-It-6 {
    -webkit-animation: animate-svg-stroke-It-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
        animate-svg-fill-It-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
    animation: animate-svg-stroke-It-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
        animate-svg-fill-It-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}

@-webkit-keyframes animate-svg-stroke-It-7 {
    0% {
        stroke-dashoffset: 246.90158081054688px;
        stroke-dasharray: 246.90158081054688px;
    }

    100% {
        stroke-dashoffset: 493.80316162109375px;
        stroke-dasharray: 246.90158081054688px;
    }
}

@keyframes animate-svg-stroke-It-7 {
    0% {
        stroke-dashoffset: 246.90158081054688px;
        stroke-dasharray: 246.90158081054688px;
    }

    100% {
        stroke-dashoffset: 493.80316162109375px;
        stroke-dasharray: 246.90158081054688px;
    }
}

@-webkit-keyframes animate-svg-fill-It-7 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(246, 89, 76);
    }
}

@keyframes animate-svg-fill-It-7 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(246, 89, 76);
    }
}

.active .svg-elem-It-7,
.the-strategy-active .svg-elem-It-7 {
    -webkit-animation: animate-svg-stroke-It-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
        animate-svg-fill-It-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
    animation: animate-svg-stroke-It-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
        animate-svg-fill-It-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-It-8 {
    0% {
        stroke-dashoffset: 491.8031921386719px;
        stroke-dasharray: 491.8031921386719px;
    }

    100% {
        stroke-dashoffset: 983.6063842773438px;
        stroke-dasharray: 491.8031921386719px;
    }
}

@keyframes animate-svg-stroke-It-8 {
    0% {
        stroke-dashoffset: 491.8031921386719px;
        stroke-dasharray: 491.8031921386719px;
    }

    100% {
        stroke-dashoffset: 983.6063842773438px;
        stroke-dasharray: 491.8031921386719px;
    }
}

@-webkit-keyframes animate-svg-fill-It-8 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

@keyframes animate-svg-fill-It-8 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

.active .svg-elem-It-8,
.the-strategy-active .svg-elem-It-8 {
    -webkit-animation: animate-svg-stroke-It-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
        animate-svg-fill-It-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
    animation: animate-svg-stroke-It-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
        animate-svg-fill-It-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}

@-webkit-keyframes animate-svg-stroke-It-9 {
    0% {
        stroke-dashoffset: 344.66217041015625px;
        stroke-dasharray: 344.66217041015625px;
    }

    100% {
        stroke-dashoffset: 689.3243408203125px;
        stroke-dasharray: 344.66217041015625px;
    }
}

@keyframes animate-svg-stroke-It-9 {
    0% {
        stroke-dashoffset: 344.66217041015625px;
        stroke-dasharray: 344.66217041015625px;
    }

    100% {
        stroke-dashoffset: 689.3243408203125px;
        stroke-dasharray: 344.66217041015625px;
    }
}

@-webkit-keyframes animate-svg-fill-It-9 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(246, 89, 76);
    }
}

@keyframes animate-svg-fill-It-9 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(246, 89, 76);
    }
}

.active .svg-elem-It-9,
.the-strategy-active .svg-elem-It-9 {
    -webkit-animation: animate-svg-stroke-It-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
        animate-svg-fill-It-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
    animation: animate-svg-stroke-It-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
        animate-svg-fill-It-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
}

@-webkit-keyframes animate-svg-stroke-It-10 {
    0% {
        stroke-dashoffset: 687.324462890625px;
        stroke-dasharray: 687.324462890625px;
    }

    100% {
        stroke-dashoffset: 1374.64892578125px;
        stroke-dasharray: 687.324462890625px;
    }
}

@keyframes animate-svg-stroke-It-10 {
    0% {
        stroke-dashoffset: 687.324462890625px;
        stroke-dasharray: 687.324462890625px;
    }

    100% {
        stroke-dashoffset: 1374.64892578125px;
        stroke-dasharray: 687.324462890625px;
    }
}

@-webkit-keyframes animate-svg-fill-It-10 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

@keyframes animate-svg-fill-It-10 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

.active .svg-elem-It-10,
.the-strategy-active .svg-elem-It-10 {
    -webkit-animation: animate-svg-stroke-It-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
        animate-svg-fill-It-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
    animation: animate-svg-stroke-It-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
        animate-svg-fill-It-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-It-11 {
    0% {
        stroke-dashoffset: 19.544015884399414px;
        stroke-dasharray: 19.544015884399414px;
    }

    100% {
        stroke-dashoffset: 39.08803176879883px;
        stroke-dasharray: 19.544015884399414px;
    }
}

@keyframes animate-svg-stroke-It-11 {
    0% {
        stroke-dashoffset: 19.544015884399414px;
        stroke-dasharray: 19.544015884399414px;
    }

    100% {
        stroke-dashoffset: 39.08803176879883px;
        stroke-dasharray: 19.544015884399414px;
    }
}

.active .svg-elem-It-11,
.the-strategy-active .svg-elem-It-11 {
    -webkit-animation: animate-svg-stroke-It-11 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
        animate-svg-fill-It-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
    animation: animate-svg-stroke-It-11 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
        animate-svg-fill-It-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
}

@-webkit-keyframes animate-svg-stroke-It-12 {
    0% {
        stroke-dashoffset: 19.544015884399414px;
        stroke-dasharray: 19.544015884399414px;
    }

    100% {
        stroke-dashoffset: 39.08803176879883px;
        stroke-dasharray: 19.544015884399414px;
    }
}

@keyframes animate-svg-stroke-It-12 {
    0% {
        stroke-dashoffset: 19.544015884399414px;
        stroke-dasharray: 19.544015884399414px;
    }

    100% {
        stroke-dashoffset: 39.08803176879883px;
        stroke-dasharray: 19.544015884399414px;
    }
}

.active .svg-elem-It-12,
.the-strategy-active .svg-elem-It-12 {
    -webkit-animation: animate-svg-stroke-It-12 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
        animate-svg-fill-It-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
    animation: animate-svg-stroke-It-12 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
        animate-svg-fill-It-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
}

/***************************************************
 * Generated by SVG Artista on 7/29/2024, 2:19:52 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

@-webkit-keyframes animate-svg-stroke-ddo-1 {
    0% {
        stroke-dashoffset: 1642.763916015625px;
        stroke-dasharray: 1642.763916015625px;
    }

    100% {
        stroke-dashoffset: 3285.52783203125px;
        stroke-dasharray: 1642.763916015625px;
    }
}

@keyframes animate-svg-stroke-ddo-1 {
    0% {
        stroke-dashoffset: 1642.763916015625px;
        stroke-dasharray: 1642.763916015625px;
    }

    100% {
        stroke-dashoffset: 3285.52783203125px;
        stroke-dasharray: 1642.763916015625px;
    }
}

.active .svg-elem-ddo-1,
.the-strategy-active .svg-elem-ddo-1 {
    -webkit-animation: animate-svg-stroke-ddo-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
        animate-svg-fill-ddo-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
    animation: animate-svg-stroke-ddo-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
        animate-svg-fill-ddo-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}

@-webkit-keyframes animate-svg-stroke-ddo-2 {
    0% {
        stroke-dashoffset: 3276.2158203125px;
        stroke-dasharray: 3276.2158203125px;
    }

    100% {
        stroke-dashoffset: 6552.431640625px;
        stroke-dasharray: 3276.2158203125px;
    }
}

@keyframes animate-svg-stroke-ddo-2 {
    0% {
        stroke-dashoffset: 3276.2158203125px;
        stroke-dasharray: 3276.2158203125px;
    }

    100% {
        stroke-dashoffset: 6552.431640625px;
        stroke-dasharray: 3276.2158203125px;
    }
}

@-webkit-keyframes animate-svg-fill-ddo-2 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

@keyframes animate-svg-fill-ddo-2 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

.active .svg-elem-ddo-2,
.the-strategy-active .svg-elem-ddo-2 {
    -webkit-animation: animate-svg-stroke-ddo-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
        animate-svg-fill-ddo-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
    animation: animate-svg-stroke-ddo-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
        animate-svg-fill-ddo-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}

@-webkit-keyframes animate-svg-stroke-ddo-3 {
    0% {
        stroke-dashoffset: 1628px;
        stroke-dasharray: 1628px;
    }

    100% {
        stroke-dashoffset: 3256px;
        stroke-dasharray: 1628px;
    }
}

@keyframes animate-svg-stroke-ddo-3 {
    0% {
        stroke-dashoffset: 1628px;
        stroke-dasharray: 1628px;
    }

    100% {
        stroke-dashoffset: 3256px;
        stroke-dasharray: 1628px;
    }
}

.active .svg-elem-ddo-3,
.the-strategy-active .svg-elem-ddo-3 {
    -webkit-animation: animate-svg-stroke-ddo-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
        animate-svg-fill-ddo-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
    animation: animate-svg-stroke-ddo-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
        animate-svg-fill-ddo-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}

@-webkit-keyframes animate-svg-stroke-ddo-4 {
    0% {
        stroke-dashoffset: 1624px;
        stroke-dasharray: 1624px;
    }

    100% {
        stroke-dashoffset: 3248px;
        stroke-dasharray: 1624px;
    }
}

@keyframes animate-svg-stroke-ddo-4 {
    0% {
        stroke-dashoffset: 1624px;
        stroke-dasharray: 1624px;
    }

    100% {
        stroke-dashoffset: 3248px;
        stroke-dasharray: 1624px;
    }
}

.active .svg-elem-ddo-4,
.the-strategy-active .svg-elem-ddo-4 {
    -webkit-animation: animate-svg-stroke-ddo-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
        animate-svg-fill-ddo-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
    animation: animate-svg-stroke-ddo-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
        animate-svg-fill-ddo-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}

@-webkit-keyframes animate-svg-stroke-ddo-5 {
    0% {
        stroke-dashoffset: 17.707963267948966px;
        stroke-dasharray: 17.707963267948966px;
    }

    100% {
        stroke-dashoffset: 35.41592653589793px;
        stroke-dasharray: 17.707963267948966px;
    }
}

@keyframes animate-svg-stroke-ddo-5 {
    0% {
        stroke-dashoffset: 17.707963267948966px;
        stroke-dasharray: 17.707963267948966px;
    }

    100% {
        stroke-dashoffset: 35.41592653589793px;
        stroke-dasharray: 17.707963267948966px;
    }
}

@-webkit-keyframes animate-svg-fill-ddo-5 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

@keyframes animate-svg-fill-ddo-5 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

.active .svg-elem-ddo-5,
.the-strategy-active .svg-elem-ddo-5 {
    -webkit-animation: animate-svg-stroke-ddo-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
        animate-svg-fill-ddo-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
    animation: animate-svg-stroke-ddo-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
        animate-svg-fill-ddo-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-ddo-6 {
    0% {
        stroke-dashoffset: 17.707963267948966px;
        stroke-dasharray: 17.707963267948966px;
    }

    100% {
        stroke-dashoffset: 35.41592653589793px;
        stroke-dasharray: 17.707963267948966px;
    }
}

@keyframes animate-svg-stroke-ddo-6 {
    0% {
        stroke-dashoffset: 17.707963267948966px;
        stroke-dasharray: 17.707963267948966px;
    }

    100% {
        stroke-dashoffset: 35.41592653589793px;
        stroke-dasharray: 17.707963267948966px;
    }
}

@-webkit-keyframes animate-svg-fill-ddo-6 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

@keyframes animate-svg-fill-ddo-6 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

.active .svg-elem-ddo-6 .the-strategy-active .svg-elem-ddo-6 {
    -webkit-animation: animate-svg-stroke-ddo-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
        animate-svg-fill-ddo-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
    animation: animate-svg-stroke-ddo-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
        animate-svg-fill-ddo-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}

@-webkit-keyframes animate-svg-stroke-ddo-7 {
    0% {
        stroke-dashoffset: 17.707963267948966px;
        stroke-dasharray: 17.707963267948966px;
    }

    100% {
        stroke-dashoffset: 35.41592653589793px;
        stroke-dasharray: 17.707963267948966px;
    }
}

@keyframes animate-svg-stroke-ddo-7 {
    0% {
        stroke-dashoffset: 17.707963267948966px;
        stroke-dasharray: 17.707963267948966px;
    }

    100% {
        stroke-dashoffset: 35.41592653589793px;
        stroke-dasharray: 17.707963267948966px;
    }
}

@-webkit-keyframes animate-svg-fill-ddo-7 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

@keyframes animate-svg-fill-ddo-7 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

.active .svg-elem-ddo-7,
.the-strategy-active .svg-elem-ddo-7 {
    -webkit-animation: animate-svg-stroke-ddo-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
        animate-svg-fill-ddo-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
    animation: animate-svg-stroke-ddo-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
        animate-svg-fill-ddo-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-ddo-8 {
    0% {
        stroke-dashoffset: 17.707963267948966px;
        stroke-dasharray: 17.707963267948966px;
    }

    100% {
        stroke-dashoffset: 35.41592653589793px;
        stroke-dasharray: 17.707963267948966px;
    }
}

@keyframes animate-svg-stroke-ddo-8 {
    0% {
        stroke-dashoffset: 17.707963267948966px;
        stroke-dasharray: 17.707963267948966px;
    }

    100% {
        stroke-dashoffset: 35.41592653589793px;
        stroke-dasharray: 17.707963267948966px;
    }
}

@-webkit-keyframes animate-svg-fill-ddo-8 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

@keyframes animate-svg-fill-ddo-8 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

.active .svg-elem-ddo-8,
.the-strategy-active .svg-elem-ddo-8 {
    -webkit-animation: animate-svg-stroke-ddo-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
        animate-svg-fill-ddo-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
    animation: animate-svg-stroke-ddo-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
        animate-svg-fill-ddo-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}

@-webkit-keyframes animate-svg-stroke-ddo-9 {
    0% {
        stroke-dashoffset: 17.707963267948966px;
        stroke-dasharray: 17.707963267948966px;
    }

    100% {
        stroke-dashoffset: 35.41592653589793px;
        stroke-dasharray: 17.707963267948966px;
    }
}

@keyframes animate-svg-stroke-ddo-9 {
    0% {
        stroke-dashoffset: 17.707963267948966px;
        stroke-dasharray: 17.707963267948966px;
    }

    100% {
        stroke-dashoffset: 35.41592653589793px;
        stroke-dasharray: 17.707963267948966px;
    }
}

@-webkit-keyframes animate-svg-fill-ddo-9 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

@keyframes animate-svg-fill-ddo-9 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

.active .svg-elem-ddo-9,
.the-strategy-active .svg-elem-ddo-9 {
    -webkit-animation: animate-svg-stroke-ddo-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
        animate-svg-fill-ddo-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
    animation: animate-svg-stroke-ddo-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
        animate-svg-fill-ddo-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
}

@-webkit-keyframes animate-svg-stroke-ddo-10 {
    0% {
        stroke-dashoffset: 17.707963267948966px;
        stroke-dasharray: 17.707963267948966px;
    }

    100% {
        stroke-dashoffset: 35.41592653589793px;
        stroke-dasharray: 17.707963267948966px;
    }
}

@keyframes animate-svg-stroke-ddo-10 {
    0% {
        stroke-dashoffset: 17.707963267948966px;
        stroke-dasharray: 17.707963267948966px;
    }

    100% {
        stroke-dashoffset: 35.41592653589793px;
        stroke-dasharray: 17.707963267948966px;
    }
}

@-webkit-keyframes animate-svg-fill-ddo-10 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

@keyframes animate-svg-fill-ddo-10 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

.active .svg-elem-ddo-10,
.the-strategy-active .svg-elem-ddo-10 {
    -webkit-animation: animate-svg-stroke-ddo-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
        animate-svg-fill-ddo-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
    animation: animate-svg-stroke-ddo-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
        animate-svg-fill-ddo-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-ddo-11 {
    0% {
        stroke-dashoffset: 17.707963267948966px;
        stroke-dasharray: 17.707963267948966px;
    }

    100% {
        stroke-dashoffset: 35.41592653589793px;
        stroke-dasharray: 17.707963267948966px;
    }
}

@keyframes animate-svg-stroke-ddo-11 {
    0% {
        stroke-dashoffset: 17.707963267948966px;
        stroke-dasharray: 17.707963267948966px;
    }

    100% {
        stroke-dashoffset: 35.41592653589793px;
        stroke-dasharray: 17.707963267948966px;
    }
}

@-webkit-keyframes animate-svg-fill-ddo-11 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

@keyframes animate-svg-fill-ddo-11 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

.active .svg-elem-ddo-11,
.the-strategy-active .svg-elem-ddo-11 {
    -webkit-animation: animate-svg-stroke-ddo-11 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
        animate-svg-fill-ddo-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
    animation: animate-svg-stroke-ddo-11 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
        animate-svg-fill-ddo-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
}

@-webkit-keyframes animate-svg-stroke-ddo-12 {
    0% {
        stroke-dashoffset: 17.707963267948966px;
        stroke-dasharray: 17.707963267948966px;
    }

    100% {
        stroke-dashoffset: 35.41592653589793px;
        stroke-dasharray: 17.707963267948966px;
    }
}

@keyframes animate-svg-stroke-ddo-12 {
    0% {
        stroke-dashoffset: 17.707963267948966px;
        stroke-dasharray: 17.707963267948966px;
    }

    100% {
        stroke-dashoffset: 35.41592653589793px;
        stroke-dasharray: 17.707963267948966px;
    }
}

@-webkit-keyframes animate-svg-fill-ddo-12 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

@keyframes animate-svg-fill-ddo-12 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

.active .svg-elem-ddo-12,
.the-strategy-active .svg-elem-ddo-12 {
    -webkit-animation: animate-svg-stroke-ddo-12 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
        animate-svg-fill-ddo-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
    animation: animate-svg-stroke-ddo-12 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
        animate-svg-fill-ddo-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-ddo-13 {
    0% {
        stroke-dashoffset: 572.8599853515625px;
        stroke-dasharray: 572.8599853515625px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 572.8599853515625px;
    }
}

@keyframes animate-svg-stroke-ddo-13 {
    0% {
        stroke-dashoffset: 572.8599853515625px;
        stroke-dasharray: 572.8599853515625px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 572.8599853515625px;
    }
}

.active .svg-elem-ddo-13,
.the-strategy-active .svg-elem-ddo-13 {
    -webkit-animation: animate-svg-stroke-ddo-13 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both,
        animate-svg-fill-ddo-13 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
    animation: animate-svg-stroke-ddo-13 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both,
        animate-svg-fill-ddo-13 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
}

@-webkit-keyframes animate-svg-stroke-ddo-14 {
    0% {
        stroke-dashoffset: 424.6299133300781px;
        stroke-dasharray: 424.6299133300781px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 424.6299133300781px;
    }
}

@keyframes animate-svg-stroke-ddo-14 {
    0% {
        stroke-dashoffset: 424.6299133300781px;
        stroke-dasharray: 424.6299133300781px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 424.6299133300781px;
    }
}

.active .svg-elem-ddo-14,
.the-strategy-active .svg-elem-ddo-14 {
    -webkit-animation: animate-svg-stroke-ddo-14 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both,
        animate-svg-fill-ddo-14 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
    animation: animate-svg-stroke-ddo-14 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both,
        animate-svg-fill-ddo-14 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
}

@-webkit-keyframes animate-svg-stroke-ddo-15 {
    0% {
        stroke-dashoffset: 358.815673828125px;
        stroke-dasharray: 358.815673828125px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 358.815673828125px;
    }
}

@keyframes animate-svg-stroke-ddo-15 {
    0% {
        stroke-dashoffset: 358.815673828125px;
        stroke-dasharray: 358.815673828125px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 358.815673828125px;
    }
}

.active .svg-elem-ddo-15,
.the-strategy-active .svg-elem-ddo-15 {
    -webkit-animation: animate-svg-stroke-ddo-15 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both,
        animate-svg-fill-ddo-15 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
    animation: animate-svg-stroke-ddo-15 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both,
        animate-svg-fill-ddo-15 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
}

.annamtion-absline {
    position: relative;
    z-index: 1;
}

.annamtion-absline svg {
    width: 100%;
    height: auto;
}

.review-google-slider.slick-slider {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.grecaptcha-badge {
    opacity: 0;
    visibility: hidden;
}

/* .grecaptcha-badge.grecaptcha-badge-active {
    opacity: 1;
    visibility: visible;
    z-index: 9;
} */

/* .footer-left-sm12.footer-left-logov1 {
    width: 15vw;
} */
.footer-left-logo-wrap {
    display: flex;
    /* align-items: center; */
    column-gap: 0.7vw;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 0.7vw;
}

.footer-left-logo-item {
    width: calc(50% - 0.4vw);
    height: 100%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-self: center;
}

.footer-left-logo-item:first-child {
    background: transparent;
    height: 5.842vw;
}

.footer-left-logo-item:nth-child(2) {
    height: 5.842vw;
    border-radius: 0.26vw;
    padding: 0.417vw 0.208vw;
}

.footer-left-logo-item:nth-child(3) {
    width: 80%;
    border-radius: 0.26vw;
    padding: 0.417vw 0.521vw;
}

.footer-left-logo-item img {
    width: 100%;
}

.hide-desktop-logo {
    display: none !important;
}

.partnership-soundmind-right-video {
    height: 55.50vw;
}

.partnership-soundmind-right-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.branding-video video {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.branding-design-section.branding-design-after-before {
    padding-top: 0;
}

.modal-branding.videopopup-modal .modal-content {
    background: transparent !important;
}

.modal-branding.videopopup-modal button.btn-close {
    background-color: #fff;
    width: 2vw;
    height: 2vw;
    border-radius: 100%;
}

.modal-branding.videopopup-modal video {
    border-radius: 1vw;
    border: 0.3vw solid #fff;
}

.mavwicks-page-one-section img.appmusic-img-05 {
    width: 8.49vw;
    z-index: -1;
    bottom: -0.5vw;
    right: 3vw;
}

.mavwicks-ipad-spacewhite .soundnind-app-enterprise-wrap {
    padding: 0;
}

.mavwicks-page-one-section .soundnind-appmusic-wrap h3 {
    z-index: 1;
}

.mavwicks-page-one-section .soundnind-appmusic-wrap h3 img.appmusic-img-01 {
    z-index: -1;
}

.cases-desgin-cafe-work-after-before .cndkbeforeafter {
    margin: 0 auto;
}

.partnership-heading h2 sup {
    font-size: 1.84vw;
}

/* NEW CSS START 26-06-2025 */
.partnership-soundmind-right-video.tricorder-video-2point {
    background: url('../images/background-collage-3.jpg') no-repeat center top;
    height: 48.5vw;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    background-size: 100%;
}

.tri2point-introimg-col-video {
    width: 52%;
    padding: 0;
    margin: 0 auto;
    position: relative;
}

.tri2point-introimg-col-video img {
    position: relative;
    z-index: 1;
}

.tri2point-video-fixed {
    position: absolute;
    top: 6.17vw;
    bottom: 6.53vw;
    right: 3.4vw;
    left: 3.4vw;
}

.tri2point-video-fixed iframe,
.tri2point-video-fixed video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
}

.branding-video-fullecreen video {
    width: 100%;
}

.tri-video-fullecreen video {
    width: 100%;
    height: auto;
}


@media(min-width:1200px) {
    .kidscare-floting-section .appmusic-img-02 {
        top: -4.2vw;
        left: -1.5vw;
        width: 12vw;
    }

    .partnership-soundmind-right-video img {
        height: 100%;
        object-fit: cover;
    }

    .soundnind-appmusic-wrap.tricorder_floting_wrap h3:first-child {
        z-index: 2;
    }

    .soundnind-appmusic-wrap.tricorder_floting_wrap .appmusic-img-02 {
        left: -2.5vw;
        top: -7.2vw;
        width: 12vw;
    }

    .soundnind-appmusic-wrap.tricorder_floting_wrap img.appmusic-img-05 {
        bottom: -0.5vw;
        right: 5vw;
    }
}

@media(min-width:2000px) and (max-width:2390px) {
    .cndkbeforeafter-item {
        height: 980px !important;
    }

    .cases-desgin-cafe-work-after-before .cndkbeforeafter {
        width: 80vw !important;
        height: 980px !important;
    }

    .page-id-7513 .cndkbeforeafter-item {
        height: 671.986px !important;
    }
}

@media(min-width:2391px) and (max-width:2400px) {
    .cndkbeforeafter-item {
        height: 1030px !important;
    }

    .cases-desgin-cafe-work-after-before .cndkbeforeafter {
        width: 80vw !important;
        height: 1030px !important;
    }

    .page-id-7513 .cndkbeforeafter-item {
        height: 671.986px !important;
    }
}

@media(min-width:2401px) and (max-width:2600px) {
    .cndkbeforeafter-item {
        height: 1320px !important;
    }

    .cases-desgin-cafe-work-after-before .cndkbeforeafter {
        width: 80vw !important;
        height: 1320px !important;
    }

    .page-id-7513 .cndkbeforeafter-item {
        height: 671.986px !important;
    }
}

@media(min-width:2601px) and (max-width:3000px) {
    .cndkbeforeafter-item {
        height: 1320px !important;
    }

    .cases-desgin-cafe-work-after-before .cndkbeforeafter {
        width: 80vw !important;
        height: 1320px !important;
    }

    .page-id-7513 .cndkbeforeafter-item {
        height: 671.986px !important;
    }
}

@media(min-width:3001px) and (max-width:3829px) {
    .cndkbeforeafter-item {
        height: 1320px !important;
    }

    .cases-desgin-cafe-work-after-before .cndkbeforeafter {
        width: 80vw !important;
        height: 1320px !important;
    }

    .page-id-7513 .cndkbeforeafter-item {
        height: 740px !important;
    }
}

@media(min-width:3830px) and (max-width:5734px) {
    .cndkbeforeafter-item {
        height: 1980px !important;
    }

    .cases-desgin-cafe-work-after-before .cndkbeforeafter {
        width: 80vw !important;
        height: 1980px !important;
    }

    .page-id-7513 .cndkbeforeafter-item {
        height: 885px !important;
    }
}

@media(min-width:5735px) and (max-width:7650px) {
    .cndkbeforeafter-item {
        height: 2650px !important;
    }

    .cases-desgin-cafe-work-after-before .cndkbeforeafter {
        width: 80vw !important;
        height: 2650px !important;
    }

    .page-id-7513 .cndkbeforeafter-item {
        height: 885px !important;
    }
}

@media(min-width:7651px) and (max-width:12000px) {
    .cndkbeforeafter-item {
        height: 3310px !important;
    }

    .cases-desgin-cafe-work-after-before .cndkbeforeafter {
        width: 80vw !important;
        height: 3310px !important;
    }

    .page-id-7513 .cndkbeforeafter-item {
        height: 885px !important;
    }
}

/*** DADYO PORTFOLIO PAGE CSS START ***/
.pure-traditional-section {
    margin: 0;
    padding: 0 0 1.3vw;
    background: url(../images/traditional-bg.jpg) no-repeat;
    background-size: 100%;
    position: relative;
    z-index: 1;
}

.pure-traditional-ani .container {
    max-width: 86.46vw;
    margin: 0 auto;
}

.pure-heading {
    margin: 0;
    padding: 0;
    text-align: center;
    position: relative;
    z-index: 1;
    padding-top: 2.97vw;
    padding-bottom: 1.56vw;
}

.branding-design-col .pure-heading-item img {
    width: 45.16vw;
    margin-bottom: 1.9vw;
}

.branding-design-col .smooth-heading img {
    width: 32.66vw;
    margin-bottom: 0.8vw;
}

.pure-heading h2 {
    font-size: 5.21vw;
    line-height: 5.99vw;
    color: #DA6838;
    margin: 0;
    padding: 0;
    font-family: 'BERNIERTM DISTRESSED';
    font-weight: normal;
}

.pure-traditional-flex-row {
    display: flex;
    flex-wrap: wrap;
}

.pure-traditional-col-4 {
    width: 15.57vw;
}

.pure-traditional-col-info {
    margin: 0;
    padding: 0;
    position: relative;
}

.pure-traditional-col-info figure {
    margin: 0;
    padding: 0;
}

.pure-traditional-col-info figure img {
    width: 100%;
}

.pure-heading #scroller2 {
    width: 10000%;
}

.pure-heading #scroller2.ready>* {
    display: inline-block;
    float: left;
    overflow: hidden;

    webkit-animation-timing-function: linear;
    animation-timing-function: linear;

    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;

    -webkit-animation-delay: 1s;
    animation-delay: 1s;

    -webkit-animation-duration: 50s;
    animation-duration: 50s;

    -webkit-animation-name: marginator2;
    animation-name: marginator2;

    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

/* .pure-heading #scroller2:hover > * {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
} */

@-webkit-keyframes marginator2 {
    0% {
        -webkit-transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    }

    100% {
        -webkit-transform: translate(-100%, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
    }
}

@keyframes marginator2 {
    0% {
        -webkit-transform: translate(0%, 0);
        transform: translate(0, 0);

        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);

        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.pure-heading #scroller-wrapper2 {
    overflow: hidden;
}

.pure-heading-inner {
    display: flex !important;
    align-items: center;
}

.pure-heading-item {
    margin: 0 0.52vw;
}

.pure-traditional-slider01 #scroller3 {
    width: 10000%;
}

.pure-traditional-slider01 #scroller3.ready>* {
    display: inline-block;
    float: left;
    overflow: hidden;

    webkit-animation-timing-function: linear;
    animation-timing-function: linear;

    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;

    -webkit-animation-delay: 1s;
    animation-delay: 1s;

    -webkit-animation-duration: 25s;
    animation-duration: 25s;

    -webkit-animation-name: marginator3;
    animation-name: marginator3;

    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

/* .pure-traditional-slider01 #scroller3:hover > * {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
} */
@-webkit-keyframes marginator3 {
    0% {
        -webkit-transform: translate(-100%, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
    }

    100% {
        -webkit-transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    }
}

@keyframes marginator3 {
    0% {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);

        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);

    }

    100% {
        -webkit-transform: translate(0%, 0);
        transform: translate(0, 0);

        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.pure-traditional-slider01 #scroller-wrapper3 {
    overflow: hidden;
}

.pure-traditional-inner {
    display: flex !important;
    align-items: center;
}

.pure-traditional-col-4 {
    margin: 0 0.52vw;
}

.branding-design-slider-bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.branding-design-slider-card {
    width: calc(50% - 1.04vw);
    overflow: hidden;
}

.branding-design-slider-card.card-full {
    width: 100%;
}

.ingredients-heading img {
    width: 40.47vw;
}

.ingredients-section {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    padding-top: 2.08vw;
}

.ingredients-heading {
    text-align: center;
    margin-bottom: 2.66vw;
}

.ingredients-heading h2 {
    margin: 0;
    color: #000000;
    font-family: 'BERNIERTM DISTRESSED';
    font-weight: normal;
    font-size: 3.13vw;
    line-height: 1;
}

.ingredients-list-section {
    padding: 0 0 1.82vw;
}

.ingredients-wrap {
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-end;
    padding: 0 0;
}

.ingredients-col3 {
    width: 33.33%;
    position: relative;
    z-index: 2;
}

.ingredients-col3:nth-child(1) {
    margin-top: -4.427vw;
}

.ingredients-inner {
    text-align: center;
}

.ingredients-img-card {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.ingredients-img-card img {
    height: 8.49vw;
}

.ingredients-info-card {
    margin-top: 1.302vw;
}

.ingredients-col3:nth-child(3) {
    margin-top: -0.781vw;
}

.ingredients-info-card img {
    max-width: 10.42vw;
}

.ingredients-col3:nth-child(2) .ingredients-info-card img {
    width: 5.99vw;
}

/*** DADYO PORTFOLIO PAGE CSS END ***/
.unforgettablysmooth.flavor-sec-scale {
    background: url("../images/unforgettably-bg.jpg") repeat;
    background-size: 100%;
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 3.13vw 0 0;
    overflow: hidden;
}

.smooth-heading {
    margin: 0 0 1.3vw;
    padding: 0;
    text-align: center;
}

.smooth-heading h2 {
    margin: 0;
    padding: 0;
    color: #37515a;
    font-size: 5.94vw;
    font-family: 'BERNIERTM DISTRESSED';
    font-weight: normal;
    line-height: 5.47vw;
}

.unfor-card-flex {
    display: flex;
    flex-wrap: wrap;
}

.unfor-card-col-left {
    width: 39.5%;
    text-align: center;
    margin-left: auto;
    transform: translateX(-1.042vw);
}

.unfor-item-card {
    margin: 0 0 1vw;
}

.unfor-item-card img {
    width: 100%;
    max-height: 3.65vw;
    object-fit: contain;
}

.unfor-item-card:nth-child(2) img {
    max-height: 3.49vw;
}

.unfor-item-card:nth-child(2) {
    margin-bottom: 0.8vw;
}

.unfor-card-col-left a.btn.btn-black {
    font-size: 0.938vw;
    padding: 0;
    letter-spacing: 0;
    font-weight: 500;
    min-width: 8.583vw;
    height: 2vw;
    border: 0.156vw solid #000;
    color: #000;
    background: transparent;
    border-radius: 3vw;
    width: auto;
    pointer-events: none;
}

.unfor-card-col-right {
    width: 38.5%;
}

.unfor-card-bottle {
    position: absolute;
    bottom: 0;
    right: -4.64vw;
    width: 19.64vw;
    left: auto;
    margin-left: auto;
}

.unfor-card-bottle img {
    width: 100%;
}

.abvfour-section {
    margin: 0;
    padding: 1.646vw 0;
    background: #191719;
    margin-top: 1.67vw;
}

.abvfour-warp-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 0 0 2.104vw;
}

.abvfour-warp-col-1 {
    width: 18.4%;
}

.abvfour-warp-col-2 {
    width: 16%;
}

.abv-nbr {
    margin: 0;
    padding: 0;
}

.abv-nbr span {
    display: block;
    font-size: 2.571vw;
    line-height: 2.771vw;
    font-family: 'BERNIERTM DISTRESSED';
    font-weight: normal;
    color: #fff;
}

.abv-nbr span sub {
    font-size: 0.55vw;
    line-height: normal;
    font-family: 'Cerebri Sans Medium';
    font-weight: 500;
    color: #fff;
    bottom: 0;
    left: -0.5vw;
}

.abv-text-info {
    margin: 0;
    padding: 0;
}

.abv-text-info p {
    font-size: 0.4vw;
    line-height: normal;
    font-family: 'Cerebri Sans Regular';
    font-weight: normal;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 0.4vw;
}

.abv-text-info h4 {
    font-size: 1.4vw;
    line-height: 1.4vw;
    font-family: 'BERNIERTM DISTRESSED';
    font-weight: normal;
    color: #fff;
    margin: 0;
    padding: 0;
}

.made-by-eduardo-lalo-section {
    position: relative;
}

.made-by-eduardo-img-holder img {
    width: 100%;
}

.made-by-eduardo-lalo-wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 44vw;
    height: 44vw;
    margin: auto;
    z-index: 1;
}

.made-by-eduardo-lalo-inner {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 100vmax;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.circle-text {
    position: absolute;
    width: 50%;
    height: 50%;
    animation: textRotation 35s linear infinite;
    left: 0;
    right: 0;
    margin: auto;
    top: -2.71vw;
    bottom: 0;
}

.circle-text img {
    width: 100%;
}

@keyframes textRotation {
    to {
        transform: rotate(360deg);
    }
}

.made-by-eduardo-lalo-inner p {
    color: #fff;
    font-size: 0.73vw;
    text-transform: uppercase;
    letter-spacing: 0.11vw;
    font-weight: normal;
    font-family: 'Cerebri Sans Book';
    margin-bottom: 0.78vw;
}

.made-by-eduardo-lalo-inner img {
    margin-bottom: 1.3vw;
    height: auto;
    width: 10.42vw;
}

.made-by-eduardo-btn a.btn.page-scroll {
    pointer-events: none;
    padding: 0.31vw 0.92vw 0.21vw;
}

.honor-your-roots-section {
    position: relative;
}

.honor-your-roots-img-holder img {
    width: 100%;
}

.honor-your-heading {
    position: absolute;
    top: -3.913vw;
    left: 0;
    right: 0;
    text-align: center;
    width: 100%;
}

.honor-your-heading h2 {
    margin: 0;
    font-size: 6.25vw;
    color: #fff;
    font-family: 'BERNIERTM DISTRESSED';
    font-weight: normal;
    line-height: 5.73vw;
}

.partnership-soundmind-right-video .honor-your-heading img {
    height: auto;
    max-width: 41.46vw;
}

.slider-slider-section .branding-design-item {
    padding: 0vw 2vw;
    height: 26.56vw !important;
}

.slider-slider-section .ingredients-section {
    padding-top: 0;
    height: 100%;
}

.slider-slider-section .ingredients-heading {
    margin-bottom: 2.66vw;
    top: 3.08vw;
    position: relative;
}

.slider-slider-section .ingredients-list-section {
    padding: 0 1vw;
    position: relative;
    top: 6vw;
}

.slider-slider-section .ingredients-col3 {
    padding: 0 0.78vw;
}

/** ================== // HONOR YOUR ROOTS SECTION CSS END // ================== **/
#bottom-marquee-holder {
    width: 10000%;
}

#bottom-marquee-holder.ready>* {
    display: inline-block;
    float: left;
    overflow: hidden;

    webkit-animation-timing-function: linear;
    animation-timing-function: linear;

    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;

    -webkit-animation-delay: 1s;
    animation-delay: 1s;

    -webkit-animation-duration: 30s;
    animation-duration: 30s;

    -webkit-animation-name: bottom-marquee;
    animation-name: bottom-marquee;

    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

/* #bottom-marquee-holder:hover > * {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
} */

@-webkit-keyframes bottom-marquee {
    0% {
        -webkit-transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    }

    100% {
        -webkit-transform: translate(-100%, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
    }
}

@keyframes bottom-marquee {
    0% {
        -webkit-transform: translate(0%, 0);
        transform: translate(0, 0);

        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);

        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

#bottom-marquee-section {
    overflow: hidden;
}

.bottom-scroller-slider {
    background: #000;
    padding: 2vw 0 6vw;
}

.bottom-marquee-inner {
    display: flex !important;
}

.bottom-marquee {
    margin: 0 1vw;
    width: 65vw;
}

.ingredients-slider .branding-design-item {
    height: 100%;
    padding: 0;
}

.ingredients-slider .ingredients-section {
    height: 100%;
    padding-top: 4.08vw;
}

.ingredients-slider .ingredients-img-card img {
    margin: 0 auto;
    width: 100%;
    object-fit: contain;
}

.ingredients-slider .ingredients-heading {
    margin-bottom: 3.66vw;
}

.ingredients-slider .ingredients-col3 {
    padding: 0 0.78vw;
}

.mavwicks-section-3 .webiste-video-iframe .video-on-desktop {
    height: 28.28vw;
}

.mavwicks-page-ection-6 .tabs-menu-row {
    padding-left: 3.5vw;
}

.mavwicks-page-ection-6 .tabs-menu-row ul li {
    margin: 0 0.8vw 0 0;
    letter-spacing: 0.08vw;
    font-size: 1vw;
}

.mavwicks-page-ection-6 .casetabbing-slide-content {
    padding-left: 3.5vw;
}

#google-ads-shopping img.progress-line-fixed {
    bottom: 0;
    right: 0;
}

.infinixbio-casestudies-section-4.mavwicks-page-section-4 {
    padding-bottom: 5.5vw;
}

.marketing-tb-content ul {
    padding-left: 3vw;
    padding-bottom: 1.5vw;
}

.marketing-tb-content ul li {
    font-size: 1.2vw;
    letter-spacing: 0.09vw;
    line-height: 1.7vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    padding: 0;
    color: #fff;
    margin: 0 0 0.5vw;
}

.mavwicks-page-ection-6 .tab-increased-info-ct p {
    color: #fff;
}

.mavwicks-page-ection-6 .live-link.link-black a {
    color: #fff;
}

.mavwicks-page-ection-6 .live-link.link-black a img {
    filter: sepia(1);
}

.mavwicks-page-ection-6 .tab-increased-flx-col-sm-4 .tab-increased-info-ct {
    background: #9a5c04;
}

.casetabbing-video-wrap {
    width: 100%;
}

.casetabbing-video-wrap video.pre-tab-video {
    width: 100%;
}

/** ================== // WEBINARS PAGE CSS START // ================== **/
.webinars-banner-section {
    height: auto;
    position: relative;
    background: #000;
}

.webinars-banner-heading {
    max-width: 90.86vw;
    margin: 0 auto;
    padding-top: 1.5vw;
}

.webinars-banner-heading h1 {
    font-size: 5.74vw;
    line-height: 6.89vw;
    color: #fff;
    letter-spacing: 0.04em;
    width: 33vw;
    margin: 0;
}

.webinars-heading-item.webinars-heading-right {
    text-align: right;
    position: relative;
    padding-top: 3.7vw;
    padding-right: 0.5vw;
}

.webinars-heading-item.webinars-heading-right svg {
    width: 79.48vw;
    height: 14.36vw;
    position: absolute;
    left: 11.5vw;
    top: -3vw;
}

.webinars-banner-heading h2 {
    font-size: 5.74vw;
    line-height: 6.89vw;
    color: #fff;
    margin-bottom: -0.5vw;
    letter-spacing: 0.04em;
}

.webinars-heading-item.webinars-heading-right p {
    padding-right: 0.5vw;
}

.webinars-banner-heading p {
    font-size: 1.41vw;
    line-height: 1.83vw;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    font-family: "Urbanist", sans-serif;
}

.webinars-heading-item.webinars-heading-bottom-left {
    width: 32.17vw;
    position: relative;
    top: -1vw;
}

.webinars-heading-item.webinars-heading-bottom-right {
    text-align: right;
    position: relative;
    top: -2.5vw;
    padding-right: 1vw;
}

.green_btn .btn-green {
    width: 21.04vw;
    height: 2.92vw;
    background: #47E5A4;
    border-radius: 0.42vw;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0.84vw 0.84vw;
    font-size: 1.04vw;
    line-height: 1.25vw;
    letter-spacing: 0.11em;
    color: #000000;
    font-family: 'Neue Montreal Medium';
    font-weight: 500;
    transition: 0.7s;
}

.green_btn .btn-green:hover {
    background: #fff;
}

.circle-animate {
    position: absolute;
    width: 25.77vw;
    height: 25.77vw;
    background: radial-gradient(50% 50% at 50% 50%, rgba(71, 229, 164, 0.5) 0%, rgb(0 0 0 / 0%) 42.31%);
    left: 2.8vw;
    top: 0vw;
    animation-name: slide;
    animation-duration: 8s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes slide {
    0% {
        top: 0;
        left: 2.8vw;
    }

    25% {
        top: 2vw;
        left: 2.8vw;
    }

    50% {
        top: 2vw;
        left: 81.48vw;
    }

    75% {
        top: 10vw;
        left: 81.48vw;
    }

    100% {
        top: 10vw;
        left: 81.48vw;
    }
}

/* @keyframes slide {
  0% {
    top: 0;
    left: 1.8vw;
  }
  25% {
    top: 2vw;
    left: 1.8vw;
  }
  50% {
    top: 2vw;
    left: 79.48vw;
  }
  75% {
    top: 10vw;
    left: 79.48vw;
  }
  100% {
    top: 0;
    left: 1.8vw;
  }
} */
.container.container-pd {
    max-width: 90.86vw;
    margin: 0 auto;
}

.webinars-leaders-section {
    padding: 5.48vw 0 0;
}

.webinars_heading.leaders-heading {
    text-align: center;
}

.webinars_heading h2 {
    font-size: 5.74vw;
    line-height: 6.89vw;
    color: #000000;
    letter-spacing: 0.04em;
    margin: 0;
}

.webinars-leaders-icon-info {
    text-align: center;
    margin-top: 3.66vw;
}

.webinars-leaders-icon {
    width: 4.28vw;
    height: 4.28vw;
    border: 0.05vw dashed #000000;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}

.divider-line {
    width: 0.05vw;
    height: 3.13vw;
    margin: 0 auto;
    background-image: linear-gradient(1800deg, transparent, transparent 50%, #fff 50%, #fff 100%), linear-gradient(180deg, #000000, #000000, #000000, #000000, #000000);
    background-size: 0.16vw 0.31vw, 100% 0.52vw;
}

.webinars-leaders-icon-info h3 {
    font-size: 2.51vw;
    line-height: 3.03vw;
    text-align: center;
    letter-spacing: 0.04em;
    color: #000000;
    max-width: 27.78vw;
    margin: 0 auto;
    position: relative;
}

.webinars-leaders-icon-info h3 span {
    background-image: linear-gradient(to top, #47E5A4, #47E5A4 80%, transparent 80%);
    background-repeat: no-repeat;
    background-size: 100% 0.4em;
    background-position: 0 88%;
}

.divider-line.divider-line-bottom {
    height: 2.06vw;
    margin-top: 0.5vw;
}

.webinars-leaders-wrap {
    display: flex;
    justify-content: space-between;
    border: 0.05vw dashed #000000;
    border-bottom: 0;
    flex-wrap: wrap;
    padding: 5.53vw 7.05vw 4.5vw;
    overflow: hidden;
}

.webinars-leaders-item {
    width: 33.33%;
    padding: 0 1vw;
    position: relative;
}

.webinars-leaders-item:nth-child(2) {
    left: 1.1vw;
}

.webinars-leaders-item:nth-child(3) {
    left: 6.1vw;
}

.webinars-leaders-item h4 {
    font-size: 2.51vw;
    line-height: 131.11%;
    letter-spacing: 0.04em;
    color: #000000;
    margin-bottom: 1.61vw;
}

.webinars-leaders-item p {
    font-size: 1.41vw;
    line-height: 1.83vw;
    letter-spacing: 0.04em;
    color: #000000;
    font-family: 'Urbanist Regular';
    font-weight: normal;
}

.webinars-leaders-section-black {
    background: #000;
    padding-bottom: 11.5vw;
}

.webinars-leaders-section-black h3 {
    font-size: 2.51vw;
    line-height: 131.11%;
    text-align: center;
    letter-spacing: 0.04em;
    color: #ffffff;
    margin: 0 auto;
    max-width: 60.73vw;
    font-family: "Urbanist", sans-serif;
}

.webinars-leaders-two-inner {
    display: flex;
    justify-content: space-between;
    border: 0.05vw dashed #ffffff;
    flex-wrap: wrap;
    padding: 5.53vw 7.05vw 7.8vw;
    overflow: hidden;
}

.mid-green-two-section {
    background-color: #000;
    width: 100%;
    position: relative;
}

.mid-green-two-section::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(https://www.2pointagency.com/wp-content/themes/pointagency/assets/images/why-this-matters-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
}

.mid-green-two-section .container.container-pd {
    position: relative;
    z-index: 1;
}

.what-you-learn-section {
    background: #000;
}

.what-you-learn-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.what-you-learn-wrap,
.marketing-theater-inner {
    max-width: 82.61vw;
    margin: 0 auto;
}

.what-you-learn-left-col {
    width: 39.74vw;
    position: relative;
}

.what-you-learn-right-col {
    width: 39.73vw;
}

.what-you-learn-wrap * {
    color: #fff !important;
}

.what-you-learn-right-info h3,
.what-you-learn-left-info h3 {
    font-family: "Urbanist", sans-serif;
    font-weight: 500;
    font-size: 2.51vw;
    line-height: 131.11%;
    letter-spacing: 0.04em;
    margin-bottom: 1.8vw;
}

.what-you-learn-right-info p {
    margin-bottom: 1.57vw;
}

.what-you-learn-right-info p,
.what-you-learn-right-info ul li {
    font-family: "Urbanist", sans-serif;
    font-weight: 400;
    font-size: 1.46vw;
    line-height: 131.11%;
    letter-spacing: 0.04em;
}

.what-you-learn-right-info p:last-child {
    margin-bottom: 0;
}

.what-you-learn-right-info ul {
    padding-bottom: 0;
    padding-left: 2.5vw;
}

.what-you-learn-right-info ul li {
    margin-bottom: 0;
}

.webinars_heading.why-this-heading h2,
.event-details-heading h2,
.webinars-about-section .webinars_heading h2 {
    text-align: center;
    font-size: 5.01vw;
    line-height: 6.01vw;
    letter-spacing: 0.04em;
    color: #FFFFFF;
}

.why-this-matters-section {
    background: #000;
    padding-top: 18.54vw;
    padding-bottom: 14.14vw;
}

.webinars_heading.why-this-heading {
    margin-bottom: 7.48vw;
}

.why-this-matters-section .what-you-learn-left-info h3 {
    max-width: 26vw;
}

.about-series-section {
    background: #fff;
    padding-top: 8.36vw;
}

.about-series-section .webinars_heading {
    margin-bottom: 3.97vw;
}

.about-series-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    max-width: 89.3vw;
    margin: 0 auto;
}

.about-series-left-col {
    width: 44.6vw;
}

.about-series-img-holder img {
    width: 100%;
}

.about-series-right-col {
    width: 39.22vw;
}

.about-series-info-holder h3 {
    font-family: "Urbanist", sans-serif;
    font-weight: normal;
    font-size: 2.92vw;
    line-height: 3.5vw;
    letter-spacing: 0.04em;
    color: #000000;
    margin-bottom: 1.57vw;
    padding-right: 1.83vw;
}

.about-series-info-holder p {
    font-family: "Urbanist", sans-serif;
    font-weight: normal;
    font-size: 1.41vw;
    line-height: 1.83vw;
    letter-spacing: 0.04em;
    color: #000000;
}

.upcoming-sessions-section {
    background: #fff;
    padding: 8.36vw 0 5.2vw;
}

.upcoming-sessions-section .container.container-pd {
    max-width: 89.3vw;
}

.upcoming-sessions-wrap {
    margin: 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.upcoming-sessions-wrap {
    margin: 0 -0.42vw;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.upcoming-sessions-heading {
    margin-bottom: 4.64vw;
    text-align: center;
}

.upcoming-sessions-heading h2 {
    font-size: 2.92vw;
    line-height: 3.5vw;
    color: #000000;
    letter-spacing: 0.04em;
    margin: 0;
}

.upcoming-sessions-item {
    width: 25%;
    padding: 0 0.42vw;
}

.upcoming-sessions-inner {
    position: relative;
    overflow: hidden;
}

.upcoming-sessions-img-holder {
    width: 100%;
    height: 18.96vw;
    position: relative;
}

.upcoming-sessions-img-holder::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 10.13vw;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}

.upcoming-sessions-img-holder img,
.upcoming-sessions-img-holder video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.upcoming-sessions-icon {
    position: absolute;
    left: 3.39vw;
    top: 1.57vw;
    width: 4.28vw;
}

.upcoming-sessions-icon img {
    width: 100%;
}

.upcoming-sessions-info-holder {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 1.46vw 2.39vw 0.06vw 3.39vw;
    min-height: 6.45vw;
    width: 100%;
}

.upcoming-sessions-info-holder h3 {
    font-family: "Urbanist", sans-serif;
    font-weight: normal;
    font-size: 1.41vw;
    line-height: 1.83vw;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    margin: 0;
}

.event-details-section {
    padding: 8.36vw 0;
    background: #000;
}

.event-details-heading {
    margin-bottom: 6.44vw;
}

.event-details-heading h2 {
    text-align: left;
}

.event-timeline-wrap {
    border-top: 0.05vw dashed #47E5A4;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 3.13vw;
}

.event-timeline-item {
    width: 11.12vw;
}

.event-timeline-item:nth-child(1) {}

.event-timeline-item:nth-child(2) {}

.event-timeline-item:nth-child(3) {
    width: 7.42vw;
}

.event-timeline-item:nth-child(4) {
    width: 9.92vw;
}

.event-timeline-item:nth-child(5) {}

.event-timeline-item:nth-child(6) {}

.event-dot {
    width: 0.26vw;
    height: 0.26vw;
    background: #47E5A4;
    border-radius: 100%;
    text-align: center;
    margin: -0.16vw auto 0;
}

.event-border {
    width: 0.05vw;
    height: 3.71vw;
    border-left: 0.05vw dashed #47E5A4;
    margin: 0 auto;
}

.event-timeline-item:nth-child(2) .event-border {
    height: 10.03vw;
}

.event-timeline-item:nth-child(4) .event-border {
    height: 9.61vw;
}

.event-timeline-item:nth-child(5) .event-border {
    height: 12.9vw;
}

.event-timeline-info-holder {
    background: #161616;
    border: 0.03vw solid #47E5A4;
    border-radius: 1.57vw;
    padding: 1.57vw 1.04vw;
}

.event-timeline-info-holder h4 {
    font-family: "Urbanist", sans-serif;
    font-weight: 800;
    font-size: 1.1vw;
    line-height: 1.31vw;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    margin-bottom: 0.78vw;
}

.event-timeline-info-holder p {
    font-family: "Urbanist", sans-serif;
    font-weight: normal;
    font-size: 1.1vw;
    line-height: 1.31vw;
    letter-spacing: 0.04em;
    color: #FFFFFF;
}

.webinars-about-section {
    background: #161616;
    padding: 8.36vw 0;
}

.webinars-about-section .webinars_heading h2 {
    text-align: left;
}

.marketing-theater-section {
    padding: 5.74vw 0;
    background: #fff;
}

.marketing-theater-section h4 {
    font-family: "Urbanist", sans-serif;
    font-weight: 400;
    font-size: 2.92vw;
    line-height: 3.5vw;
    letter-spacing: 0.04em;
    color: #000000;
    max-width: 44.49vw;
    margin-bottom: 2.82vw;
}

.marketing-theater-item {
    border-top: 0.03vw solid #161616;
    padding-top: 2.92vw;
    padding-bottom: 2.92vw;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.marketing-theater-left-col {
    width: 15.67vw;
}

.marketing-theater-info p {
    font-family: "Urbanist", sans-serif;
    font-weight: 600;
    color: #000000;
    margin: 0;
}

.marketing-theater-info p,
.marketing-theater-info ul li {
    font-size: 1.67vw;
    line-height: 2.19vw;
    letter-spacing: 0.04em;
}

.marketing-theater-info ul {
    padding: 0;
    list-style-type: none;
}

.marketing-theater-info ul li {
    font-family: "Urbanist", sans-serif;
    font-weight: 500;
    color: #161616;
    position: relative;
    padding-left: 1.83vw;
    margin-bottom: 1.04vw;
}

.marketing-theater-info ul li:last-child {
    margin-bottom: 0;
}

.marketing-theater-info ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.73vw;
    background: url("../images/marketing-theater-list-icon.svg");
    width: 0.84vw;
    height: 0.84vw;
    background-repeat: no-repeat;
    background-size: cover;
}

.marketing-theater-right-col {
    width: 36.81vw;
}

.marketing-theater-section h3 {
    font-family: "Urbanist", sans-serif;
    border-top: 0.03vw solid #161616;
    padding-top: 2.92vw;
    font-size: 4.49vw;
    line-height: 5.38vw;
    text-align: center;
    letter-spacing: 0.04em;
    color: #000000;
}

.see-more-work-section.webinars-marketing-bottom-section {
    background: #000;
    padding-bottom: 11vw;
}

.webinars-marketing-bottom-section .seemore-three-headline::after {
    background: #fff;
}

.see-more-work-section.webinars-marketing-bottom-section .seemore-three-headline .webinars-btm {
    color: #fff;
    font-family: "Urbanist", sans-serif;
    font-weight: 700;
    font-size: 6.79vw;
    line-height: 8.15vw;
    letter-spacing: 0.04em;
}

.see-more-work-section.webinars-marketing-bottom-section .seemore-three-headline p {
    font-family: "Urbanist", sans-serif;
    font-weight: 500;
    font-size: 1.67vw;
    line-height: 2.19vw;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    margin-left: 1.5vw;
    margin-top: 1.5vw;
    max-width: 19vw;
}

.webinars-marketing-bottom-section .seemore-flex-row {
    position: relative;
}

.webinars-marketing-bottom-section .green_btn {
    position: absolute;
    right: 30vw;
    margin-bottom: -4.18vw;
    bottom: 0;
}

.webinars-marketing-bottom-section .green_btn .btn-green {
    width: 13.89vw;
    min-width: max-content;
}

.webinars-marketing-bottom-section .seemore-align-left .seemore-flex-row {
    align-items: flex-start;
}

.reserve-spot-popup .modal-dialog {
    max-width: 52.48vw;
    margin-left: auto;
    margin-right: auto;
}

.reserve-spot-popup .modal-content {
    background: #1A1A1A;
    border: 0;
    overflow: hidden;
}

.reserve-spot-popup .modal-content::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    bottom: auto;
    background: url("../images/reserve-spot-bg.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.reserve-spot-popup .modal-body {
    padding: 0;
}

.reserve-spot-popup .modal-header {
    justify-content: flex-end;
    border: 0;
    padding: 1.04vw 1.04vw;
}

.reserve-spot-popup .modal-header img.close {
    opacity: 0.4;
    cursor: pointer;
    transition: 0.7s;
    width: 2.09vw;
}

.reserve-spot-popup .modal-header img.close:hover {
    opacity: 1;
}

.reserve-spot-form-wrap {
    padding: 5.22vw 0 7.83vw;
    max-width: 39.79vw;
    margin: 0 auto;
}

.reserve-spot-heading {
    margin-bottom: 1.93vw;
}

.reserve-spot-heading h2 {
    font-family: "Urbanist", sans-serif;
    font-weight: 400;
    font-size: 4.7vw;
    line-height: 5.64vw;
    text-align: center;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    margin-bottom: 0;
}

.reserve-spot-form .form-group label {
    display: block;
    width: 100%;
    margin-bottom: 0.52vw;
    font-family: "Urbanist", sans-serif;
    font-weight: 400;
    font-size: 1.25vw;
    line-height: 1.62vw;
    letter-spacing: 0.04em;
    color: #FFFFFF;
}

.reserve-spot-form .form-group .medium {
    background: #191919;
    border: 0.05vw solid #454545;
    width: 100%;
    height: 3.55vw;
    font-family: "Urbanist", sans-serif;
    font-weight: 400;
    font-size: 1.04vw;
    line-height: 1.31vw;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    padding: 0.78vw;
}

.reserve-spot-form .form-group {
    margin-bottom: 1.31vw;
}

.reserve-spot-form .form-group:last-child {
    margin-bottom: 0;
}

.reserve-spot-form .form-group.green_btn .btn-green {
    width: 7.62vw;
    height: 2.92vw;
    padding: 0.84vw 1.15vw;
    font-weight: 500;
    line-height: 1;
    border: 0;
    cursor: pointer;
}

.reserve-spot-form .form-group label sup {
    color: #FB8585;
}

.reserve-spot-form .form-group.green_btn p {
    position: relative;
    display: inline;
}

.reserve-spot-form .form-group.green_btn p span.wpcf7-spinner {
    right: 10px;
    bottom: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

/** ================== // WEBINARS PAGE CSS END // ================== **/

.video-part-row figure {
    margin: 0 0 2vw;
}

.video-part-row figure img {
    width: 100%;
}

#influencers .maxbook-img {
    padding: 0 0 0 3vw;
}

.cfe-scroll-row-item figure video {
    width: 100%;
    height: 100%;
}

.video-after-before video {
    width: 100%;
}

.webinars-heading-item.webinars-heading-left {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.webinars-heading-item.webinars-heading-left p {
    width: 50vw;
    text-align: right;
}

span[data-name=webinar] {
    display: none !important;
}

.two-point-logo.webinars-logo {
    font-size: 4.25vw;
    text-align: left;
    padding: 0;
    position: absolute;
    bottom: -13vw;
    left: 0;
}

.webinars-leaders-two-inner .btn-col-12-spot {
    text-align: center;
}

.btn-col-12-spot {
    padding-top: 2vw;
    width: 100%;
}

.btn-col-12-spot .btn-green {
    min-width: 13.04vw;
    height: 2.92vw;
    background: #47E5A4;
    border-radius: 0.42vw;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0.84vw 0.84vw;
    font-size: 1.04vw;
    line-height: 1.25vw;
    letter-spacing: 0.11em;
    color: #000000 !important;
    font-family: 'Neue Montreal Medium';
    font-weight: 500;
    transition: 0.7s;
}

.btn-col-12-spot .btn-green:hover {
    background: #fff;
}

.about-series-info-holder .btn-col-12-spot .btn-green:hover {
    background: #000;
    color: #fff !important;
}

/** ================== // VICTORY PAGE CSS START // ================== **/
.victory-banner-heading {
    text-align: center;
}

.victory-banner-heading h2,
.victory-banner-heading h1 {
    color: #fff;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    font-size: 3.905vw;
    line-height: 4.4vw;
    margin: 0 0 2.3vw;
}

.cfe-slideinfo-content p a {
    color: #fff;
}

/* .victory-section5 .casetabbing-slide-col-sm-6 {
    padding-bottom: 2vw;
}
.victory-section5 .casetabbing-slide-col-sm-6 {
    padding-bottom: 2vw;
} */
/** ================== // VICTORY PAGE CSS END // ================== **/

.mobile-headline-show {
    display: none;
    width: 100%;
    text-align: center;
}

.accesssportsclub-page-one-section .soundnind-appmusic-wrap h3 {
    font-size: 5vw;
    line-height: 5.3vw;
    z-index: 1;
}

.accesssportsclub-page-one-section img.appmusic-img-01 {
    z-index: -1;
    top: -1.95vw;
    right: 4.55vw;
    width: 9.55vw;
}

.accesssportsclub-page-one-section img.appmusic-img-02 {
    top: -7.2vw;
    left: 0;
    width: 11vw;
}

.accesssportsclub-page-one-section .appmusic-img-04 {
    bottom: -3.4vw;
    right: 0;
    width: 12.85vw;
}

.accesssportsclub-ipad-video .soundnind-app-enterprise-wrap video {
    width: 100%;
    height: 47.75vw;
    object-fit: cover;
    display: block;
}

.branding-design-item video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.aya-mobile-show-carousel {
    display: none !important;
}

.thumble-newcolum-row .slick-prev,
.thumble-newcolum-row .slick-next {
    width: 3.6vw;
    height: 3.6vw;
    background-color: #fff;
    top: 40%;
    border: none !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.2vw !important;
}

.thumble-newcolum-row .slick-prev {
    left: 1.86vw;
    background-image: url('../images/arrow-left.svg');
}

.thumble-newcolum-row .slick-next {
    right: 1.86vw;
    background-image: url('../images/arrow-right.svg');
}

.caseslider-slick-thumb .slick-prev,
.caseslider-slick-thumb .slick-next {
    width: 3.6vw;
    height: 3.6vw;
    background-color: #fff;
    top: 40%;
    border: none !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.2vw !important;
}

.caseslider-slick-thumb .slick-prev {
    left: 1.26vw;
    background-image: url('../images/arrow-left.svg');
}

.caseslider-slick-thumb .slick-next {
    right: 1.26vw;
    background-image: url('../images/arrow-right.svg');
}

.tri-logo-effect {
    margin-top: 3vw;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.67vw;
}

.tri-logo-left {
    width: 14.58888888vw;
}

.tri-logo-left img {
    width: 100%;
}

.x-icon-mid {
    width: 1vw;
}

.x-icon-mid img {
    width: 100%;
}

.pointlogo-txt {
    margin: 0;
    padding: 0;
}

.pointlogo-txt strong {
    color: #FFFFFF;
    margin-bottom: 0px;
    font-family: 'Open Sans Bold';
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.52vw;
    font-size: 2.75vw;
    line-height: 2.9vw;
}

.dadyo-01-details-section .chefdane-logo img {
    width: 10.4%;
}

.line-fixed-rlt-btm img.progress-line-fixed {
    bottom: 0;
    right: 0;
}

.dadyo-tabing-section .tabs-menu-row {
    padding-top: 3.3vw;
}

.dadyo-tabing-section .tabs-menu-row ul {
    /* width: 90%; */
    flex-wrap: wrap;
}

.dadyo-tabing-section .tabs-menu-row ul li {
    margin: 0 1vw 0 0;
    letter-spacing: 0.08vw;
    font-size: 1.055vw;
    line-height: 1.98vw;
}

.tri-logo-effect.tri-logo-effect-vertical {
    margin-top: 5vw;
    gap: 3.67vw;
    flex-direction: column;
}

.tri-logo-effect-vertical .tri-logo-left {
    width: 32.86vw;
}

.tri-logo-effect-vertical .x-icon-mid {
    width: 2vw;
}

.tri-logo-effect-vertical .pointlogo-txt strong {
    font-size: 8vw;
    line-height: 8vw;
}

.digital-first-section-v2 .digital-post-content-repeat {
    height: 100%;
}

.digital0tab-colum-slider {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    height: 21.08vw;
}

.digital0tab-colum-slider.slick-initialized.slick-slider {
    height: auto;
    overflow: inherit;
    display: block;
}

.patagonia-packaging-floting-img .soundnind-appmusic-wrap img.appmusic-img-05 {
    width: 12.49vw;
    bottom: -4.5vw;
    right: 2vw;
    z-index: -1;
    border-radius: 0.5vw;
}

.soundnind-appmusic-section.patagonia-packaging-floting-img {
    padding-bottom: 5vw;
    padding-top: 12vw;
}

.patagonia-packaging-floting-img img.appmusic-img-01 {
    z-index: -1;
    top: -1.95vw;
    right: 4.55vw;
    width: 9.55vw;
    border-radius: 0.5vw;
}

.patagonia-packaging-floting-img img.appmusic-img-02 {
    top: -7.2vw;
    left: 0;
    width: 11vw;
}

.patagonia-packaging-floting-img .container {
    max-width: 78.8vw;
}

.patagonia-packaging-floting-img .soundnind-appmusic-wrap h3 {
    font-size: 5vw;
    line-height: 5.3vw;
    z-index: 1;
}

.partnership-soundmind-col video {
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
}


.gaye-mag-collage-section .partnership-soundmind-col {
    margin-bottom: 3.85vw;
}

.gaye-mag-collage-section .partnership-soundmind-col:last-child {
    height: 32.29vw;
    margin-bottom: 0;
}

.gaye-mag-collage-section .partnership-soundmind-col:last-child {
    height: 32.29vw;
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.gaye-mag-collage-section .partnership-soundmind-col:last-child video {
    width: 100%;
    height: auto;
}

.gaye-mag-collage-section .partnership-soundmind-right-video {
    height: 58.37vw;
}

.gaye-mag-floating-section.accesssportsclub-page-one-section .appmusic-img-04 {
    width: 9.95vw;
}

.glossary-first-section .heading-digital {
    margin-bottom: 1.5vw;
}

.case-study-portlio-warp.case-study-4colum-box {
    row-gap: 2.4vw;
    margin: 0 0.78vw 3vw;
}

.case-study-4colum-box .case-study-portlio-col-3 {
    width: 25%;
    padding: 0 0.78vw;
}

.case-study-4colum-box .case-study-portlio-col-info h4 {
    font-size: 1.25vw;
    line-height: 1.61vw;
    letter-spacing: 0.15vw;
}

.case-study-4colum-box .case-study-portlio-col-info p {
    letter-spacing: 0.04vw;
    font-size: 0.94vw;
    line-height: 1.46vw;
}

.thumb-logo-effect.thumb-logo-clr-opacity {
    background: rgba(0, 0, 0, 0.8);
    padding: 0;
    max-width: 14.58vw;
    min-height: 7.29vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.thumb-logo-effect.thumb-logo-clr-opacity img {
    max-width: 8.54vw !important;
    width: 100% !important;
}

.thumb-logo-effect.thumb-logo-clr-opacity.coronado-brewing-company-logo img {
    max-width: 12vw !important;
}
.thumb-logo-effect.thumb-logo-clr-opacity.dadyo-logo img {
    max-width: 6vw !important;
}
.thumb-logo-effect.thumb-logo-clr-opacity.victory-logo img {
    max-width: 10.54vw !important;
}
.thumb-logo-effect.thumb-logo-clr-opacity.infinixbio-logo img {
    max-width: 10.54vw !important;
}
.patagonia-height-video .web-design-soundmind-wrap {
    margin-top: -12vw;
}

.digital-first-section-v2 .heading-digital {
    margin-bottom: 1.5vw;
}

.digital-first-section-v2 .digital-post-content-repeat {
    padding-bottom: 3vw;
}

/** ================== // AUTHOR PROFILE PAGE CSS START // ================== **/
.author-profile-atf-section {
    padding: 3vw 0 5.25vw;
    background: #000000;
    position: relative;
}

.author-profile-atf-section::before {
    content: "";
    position: absolute;
    height: calc(100% + 10.7vw);
    width: 0.05vw;
    background: #ffff;
    /* left: 40.8vw; */
    left: 42.8vw;
    top: -10.7vw;
}

.author-profile-atf-section .author-user-warp {
    display: flex;
    justify-content: space-between;
    max-width: 76.48vw;
    margin: 0 auto;
    padding-left: 7vw;
}

.author-col-left {
    width: 20.18vw;
    padding-top: 1vw;
}

.author-image {
    height: 20.18vw;
    width: 100%;
}

.author-col-left img {
    width: 100%;
    height: 100%;
    border-radius: 0;
    object-fit: cover;
}

.author-col-right {
    width: calc(100% - 28.18vw);
    padding-left: 0;
}

.author-profile-info h2 {
    font-size: 4.73vw;
    line-height: 5.88vw;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    margin-bottom: 1.08vw;
}

.author-profile-info p {
    font-size: 1.20vw;
    line-height: 1.80vw;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    font-family: 'Urbanist Regular';
    font-weight: normal;
    margin-bottom: 1.56vw;
}

.author-profile-info p:last-child {
    margin-bottom: 0;
}

.author-social {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.author-social a {
    font-size: 1.09vw;
    line-height: 1.46vw;
    letter-spacing: 0.04em;
    color: #A8A8A8;
    font-family: 'Urbanist Regular';
    font-weight: normal;
    position: relative;
    padding-right: 0.83vw;
    margin-right: 0.83vw;
}

.author-social a::after {
    content: "";
    position: absolute;
    height: 0.63vw;
    width: 0.05vw;
    background: #A8A8A8;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.author-social a:hover {
    color: #fff;
}

.author-social a:last-child::after {
    display: none;
}

.author-profile-right-inner {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding-top: 0;
}

.author-social {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: auto;
}

.author-blog-section {
    padding: 4.43vw 4.635vw;
    position: relative;
    z-index: 1;
}

.author-blog-section .articles-heading {
    margin-bottom: 2.86vw;
}

.author-blog-section .articles-heading h3 {
    font-size: 5vw;
    line-height: 5.99vw;
    letter-spacing: 0.04em;
    color: #030303;
    margin: 0;
}

.author-blog-item .featured-img {
    height: 21.15vw;
    margin-bottom: 1.82vw;
}

.author-blog-item .featured-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.author-blog-item .featured-content span.author-articles-date {
    font-size: 0.94vw;
    line-height: 1.04vw;
    color: #000000;
    font-weight: 200;
    font-family: 'Urbanist', sans-serif;
    margin-bottom: 0.94vw;
    display: block;
}

.author-blog-item .featured-content h2 {
    margin-bottom: 0.94vw;
    font-size: 1.25vw;
    line-height: 1.51vw;
    letter-spacing: 0.12em;
    color: #000000;
    font-family: 'Urbanist', sans-serif;
    font-weight: 800;
}

.author-blog-item .featured-content h2 a {
    color: #000000;
}

.author-blog-item .featured-content h2 a:hover {
    color: #000000;
}

.author-blog-item .featured-content p {
    font-size: 0.94vw;
    line-height: 1.46vw;
    color: #000000;
    font-weight: 400;
    font-family: 'Urbanist', sans-serif;
    margin-bottom: 0.94vw;
}

.author-blog-item .featured-content p:last-child {
    margin-bottom: 0;
}

.full-post-btn {
    padding-top: 1.04vw;
}

.author-blog-item .full-post-btn a {
    font-size: 0.89vw;
    line-height: 1.51vw;
    color: #000000;
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
    transition: 0.7s;
}

.author-blog-item .full-post-btn a:hover {
    letter-spacing: 0.03vw;
}

.author-profile-info .author-bio {
    margin-bottom: 1.56vw;
}

/** ================== // AUTHOR PROFILE PAGE CSS END // ================== **/

/** ================== // PREMIUM BRAND CREATION PAGE CSS START // ================== **/
.two-point-new-section.emailpge-hdr-2point-section.service-pmm-brand-header,
.branding-scrolling-purple-bg,
.branding-scrolling-purple-bg .marquee-thework-line span::after {
    background: #8C81FA;
}

.animatin-window-scroll-section.branding-scrolling-purple-bg {
    border-bottom: 0;
}

.branding-experience-pmm-section .product-icon-cricle:hover {
    border-color: #8c81fa;
    background: #8c81fa;
}

.branding-scrolling-purple-bg .marquee-thework-line span {
    color: #8c81fa;
    -webkit-text-stroke-color: #000000;
}

.branding-scrolling-purple-bg .marquee-thework-line span:nth-child(odd) {
    color: #000000;
}

.branding-scrolling-purple-bg .marquee-thework-line span::after {
    border-color: #000;
}

.website-pge-tabbing-section.branding-amm-tabbing-section .tabbing-menu-item ul li:nth-child(1) a span,
.website-pge-tabbing-section.branding-amm-tabbing-section .tabbing-menu-item ul li:nth-child(1) a strong,
.website-pge-tabbing-section.branding-amm-tabbing-section #branding-pmm-content .amm-tabbing-flx-content-info {
    background: #8C81FA;
}

.website-pge-tabbing-section.branding-amm-tabbing-section .tabbing-menu-item ul li:nth-child(2) a span,
.website-pge-tabbing-section.branding-amm-tabbing-section .tabbing-menu-item ul li:nth-child(2) a strong,
.website-pge-tabbing-section.branding-amm-tabbing-section #website-pmm-content .amm-tabbing-flx-content-info {
    background: #FFFFFF;
}

.website-pge-tabbing-section.branding-amm-tabbing-section .tabbing-menu-item ul li:nth-child(3) a span,
.website-pge-tabbing-section.branding-amm-tabbing-section .tabbing-menu-item ul li:nth-child(3) a strong,
.website-pge-tabbing-section.branding-amm-tabbing-section #multi-channel-pmm-content .amm-tabbing-flx-content-info {
    background: #E6FB47;
}

.website-pge-tabbing-section.branding-amm-tabbing-section .tabbing-menu-item ul li:nth-child(4) a span,
.website-pge-tabbing-section.branding-amm-tabbing-section .tabbing-menu-item ul li:nth-child(4) a strong,
.website-pge-tabbing-section.branding-amm-tabbing-section #ads-pmm-content .amm-tabbing-flx-content-info {
    background: #EC6554;
}

.website-pge-tabbing-section.branding-amm-tabbing-section .tabbing-menu-item ul li:nth-child(5) a span,
.website-pge-tabbing-section.branding-amm-tabbing-section .tabbing-menu-item ul li:nth-child(5) a strong,
.website-pge-tabbing-section.branding-amm-tabbing-section #social-pmm-content .amm-tabbing-flx-content-info {
    background: #FBB4BE;
    color: #000;
}


.top-branding-project-section .top-branding-project-sub-header {
    margin-bottom: 1.04vw;
}

.top-branding-project-section .top-branding-project-sub-header h6 {
    font-size: 1.09vw;
    line-height: 1.35vw;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    margin-bottom: 0.26vw;
}

.top-branding-project-section .top-branding-project-sub-header p {
    font-size: 0.83vw;
    line-height: 1.46vw;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #A3A3A3;
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
}

.top-branding-project-section.pmm-new-first-section .leader-text-info h2 span {
    color: #8C81FA;
}

.branding-experience-pmm-section .item-product-info h4 {
    font-weight: 800;
}

.project-heading-scroll {
    overflow: hidden;
}

.project-heading-scroller {
    width: 10000%;
}

.project-heading-scroller.ready>* {
    display: inline-block;
    float: left;
    overflow: hidden;

    /* webkit-animation-timing-function: linear;
    animation-timing-function: linear;

    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; */

    -webkit-animation-delay: 1s;
    animation-delay: 1s;

    -webkit-animation-duration: 60s;
    animation-duration: 60s;

    -webkit-animation-name: project-heading-scroll;
    animation-name: project-heading-scroll;

    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;

}

/* .project-heading-scroller:hover > * {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
} */

@-webkit-keyframes project-heading-scroll {
    0% {
        -webkit-transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    }

    100% {
        -webkit-transform: translate(-100%, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
    }
}

@keyframes project-heading-scroll {
    0% {
        -webkit-transform: translate(0%, 0);
        transform: translate(0, 0);

        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);

        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.slider-heading-greenwald .project-heading-scroller.ready>* {
    -webkit-animation-duration: 90s;
    animation-duration: 90s;
}

.project-heading-inner {
    display: flex !important;
    align-items: center;
}

.project-heading-item {
    margin: 0 0.78vw;
}

.project-heading-item h3 span {
    position: relative;
    right: 0.78vw;
}


.project-heading-scroll {
    overflow: hidden;
}

.project-heading-scroller {
    width: 10000%;
}

.project-heading-scroller.ready>* {
    display: inline-block;
    float: left;
    overflow: hidden;
    animation-timing-function: linear;
    animation-delay: 1s;
    animation-duration: 60s;
    animation-name: project-heading-scroll;
    animation-iteration-count: infinite;
    animation-play-state: running;
    /* default paused */
}

/* .project-heading-scroller:hover > * {
  animation-play-state: paused;
} */

@keyframes project-heading-scroll {
    0% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(-100%, 0, 0);
    }
}

.slider-heading-greenwald .project-heading-scroller.ready>* {
    animation-duration: 90s;
}

.project-heading-inner {
    display: flex !important;
    align-items: center;
}

.branding-project-slider-img-holder {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.branding-project-slider .slick-slide:nth-child(even) .branding-project-slider-img-holder {
    flex-direction: row-reverse;
}

.branding-project-slider-img-left-col {
    width: 54%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    row-gap: 2.92vw;
}

.branding-project-slider-img-right-col {
    width: 44%;
    display: flex;
}

.branding-project-slider-img-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.project-heading-item h3 {
    font-family: 'Urbanist', sans-serif;
    font-weight: 700;
    font-size: 10.42vw;
    line-height: 12.5vw;
    letter-spacing: 0.04em;
    color: #030303;
    text-transform: uppercase;
}

.branding-project-details-features {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 7.03vw 3.13vw 3.54vw;
    align-items: center;
    margin-top: 2.14vw;
}

.branding-project-details-left-col {
    width: 80%;
}

.branding-project-details-right-col {
    width: 20%;
}

.branding-project-details-left-col ul {
    list-style: none;
    padding: 0;
}

.branding-project-details-left-col ul li {
    font-family: 'Urbanist', sans-serif;
    font-weight: 700;
    font-size: 1.25vw;
    line-height: 1.51vw;
    letter-spacing: 0.12em;
    color: #000;
    margin-bottom: 0.26vw;
}

.branding-project-details-left-col ul.ul-two-col {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    column-gap: 2.6vw;
    width: 45.57vw;
}

.branding-project-details-left-col ul.ul-two-col li {
    width: calc(50% - 2.6vw);
}

.visual-next {
    font-family: 'Urbanist', sans-serif;
    font-weight: 400;
    font-size: 1.88vw;
    line-height: 2.5vw;
    color: #000000;
}

.visual-controls {
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: flex-end;
}

.visual-arrow {
    width: 5.89vw;
    height: 5.89vw;
    border: 0.05vw dashed #000000;
    border-radius: 2.94vw;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -1.15vw;
    position: relative;
}

.visual-arrow img.circle-loophover {
    width: 6.46vw;
    position: absolute;
    display: block;
    top: -0.31vw;
    left: -0.31vw;
    transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);
    border-radius: 0;
    background: none;
    box-shadow: none;
    opacity: 0;
    max-width: max-content;
}

.visual-controls:hover .visual-arrow img.circle-loophover {
    opacity: 1;
}

.visual-controls:hover .visual-arrow {
    border: 0;
}

.branding-project-mobile-slider {
    display: none;
}

.branding-project-mobile-slider {
    margin: 0 -0.42vw;
}

.branding-project-mobile-slider .slick-slide {
    margin: 0 0.42vw;
}

.branding-project-mobile-slider .branding-project-slider-img-item {
    padding: 0 0.73vw;
}

.branding-project-slider-info-holder {
    width: 100%;
    overflow: hidden;
}

/** ================== // PREMIUM BRAND CREATION PAGE CSS END // ================== **/


/** ================== //  BRAND LOGOS ANIAMTION CSS START // ================== **/
.brand-specialists-section {
    background: #000000;
    padding: 1.56vw 1.56vw;
}

.brand-specialists-heading {
    position: sticky;
    top: 2vw;
    margin-bottom: 2.6vw;
}

.brand-specialists-heading h2 {
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    font-size: 6.25vw;
    line-height: 6.25vw;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 1.04vw;
}

.brand-specialists-heading p {
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    font-size: 1.25vw;
    line-height: 2.5vw;
    color: #FFFFFF;
    text-align: center;
}

.brand-specialists-left-process {
    position: absolute;
    left: 0;
    font-family: 'Urbanist', sans-serif;
    font-weight: 800;
    font-size: 1.25vw;
    line-height: 1.51vw;
    letter-spacing: 0.12em;
    color: #FFFFFF;
    top: 0;
}

.brand-specialists-process-no {
    position: absolute;
    right: 0;
    font-family: 'Urbanist', sans-serif;
    font-weight: 800;
    font-size: 1.25vw;
    line-height: 1.51vw;
    letter-spacing: 0.12em;
    color: #FFFFFF;
    top: 0;
}

.brand-specialists-info-item:last-child {
    position: relative;
    bottom: 5.21vw;
}

.brand-specialists-wrap {
    width: 100%;
    height: calc(100vh - 9.9vw);
    overflow: hidden;
    display: flex;
}

.brand-specialists-left-col,
.brand-specialists-right-col {
    width: 50%;
    height: calc(100vh - 9.9vw);
    overflow: hidden;
    position: relative;
}

.brand-specialists-left-col {
    display: flex;
    justify-content: center;
    align-items: center;
}

.brand-specialists-left-inner {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.brand-specialists-left-img-holder {
    width: 100%;
    max-width: 20.83vw;
    height: 100%;
    max-height: 20.83vw;
    position: relative;
    overflow: hidden;
}

.brand-specialists-left-img-holder img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    object-fit: cover;
    width: auto;
    height: auto;
    opacity: 0;
    margin: auto;
}

.brand-specialists-left-img-holder img:first-child {
    opacity: 1;
}

.brand-specialists-right-info {
    width: 100%;
}

.brand-specialists-info-item {
    width: 26.09vw;
    height: calc(100vh - 9.9vw);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 5.21vw;
    color: #fff;
}

.brand-specialists-info-item-inner h3 {
    font-family: 'Urbanist', sans-serif;
    font-weight: 800;
    font-size: 1.25vw;
    line-height: 1.51vw;
    letter-spacing: 0.12em;
    color: #FFFFFF;
    margin-bottom: 1.04vw;
}

.brand-specialists-info-item-inner p {
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    font-size: 1.25vw;
    line-height: 2.5vw;
    color: #FFFFFF;
}

.branding-project-slider-v2-section .branding-project-slider-img-holder {
    height: 31.72vw;
    overflow: hidden;
}

.branding-project-slider-v2-section .branding-project-slider-img-holder div {
    height: 100%;
}

.branding-project-slider-v2-section .branding-project-slider-img-left-col .branding-project-slider-img-item {
    height: 15.31vw;
}

.branding-project-slider-v2-section .branding-project-slider-img-left-col {
    width: 50%;
    row-gap: 1vw;
}

.branding-project-slider-v2-section .branding-project-slider-img-right-col {
    width: 49%;
}

.branding-project-slider-v2-section .branding-project-slider-img-item {
    width: 100%;
}

.branding-project-slider-v2-section .branding-project-slider-heading {
    margin-top: 1vw;
}

.branding-project-slider-v2-section .project-heading-item h3 {
    font-size: 7.42vw;
    line-height: 6.42vw;
    margin: 0;
}

.branding-project-slider-v2-section .branding-project-details-features {
    padding: 1.2vw 3vw;
    margin-top: 0vw;
    padding-right: 10vw;
}

.brand-specialists-mob {
    display: none !important;
}

.branding-project-details-left-col ul.ul-two-col.ul-three-col {
    width: auto;
    column-count: 3;
    display: block;
}

.branding-project-details-left-col ul.ul-two-col.ul-three-col li {
    width: auto;
}

.advantages-integration-inner.item {
    top: 12rem;
    width: 100%;
    position: sticky;
    background: #000000;
    background-clip: padding-box;
    padding: 8.85vw 4.64vw;
    transition: 0.6s;
    -webkit-transition: 0.6s;
    margin-bottom: 4.69vw;
    min-height: 22.19vw;
}

.advantages-integration-item-holder {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.advantages-integration-item-left-col {
    width: 50%;
    text-align: center;
}

.advantages-integration-item-right-col {
    width: 50%;
}

.advantages-integration-wrap {
    max-width: 80vw;
    margin: 0 auto;
}

/** ================== //  BRAND LOGOS ANIAMTION CSS END // ================== **/


.tri-logo-effect.tri-logo-effect-vertical.smallsize-logo-part {
    margin-top: 3vw;
    gap: 1.67vw;
    width: 50%;
}

.tri-logo-effect-vertical.smallsize-logo-part .tri-logo-left {
    width: 15.5vw;
}

.tri-logo-effect-vertical.smallsize-logo-part .x-icon-mid {
    width: 1vw;
}

.tri-logo-effect-vertical.smallsize-logo-part .pointlogo-txt strong {
    font-size: 3.5vw;
    line-height: 3.5vw;
}

.dadyo-success-section .tri-logo-effect-vertical.smallsize-logo-part .tri-logo-left {
    width: 12.5vw;
}

.coronado-section5 .casetabbing-slide-content p {
    margin: 0 0 1vw;
}

.pmm-mobile-video {
    height: 100%;
}

.b2b-grap-img video.pre-tab-video {
    width: 100%;
    height: 100%;
}

.b2b-grap-img img {
    width: 100%;
}

.leadsper-section.pmm-3x-return-section.aiobot-metrics-new-section {
    border-top: 1px #fff solid;
    border-bottom: none;
}

.aiobot-metrics-new-section .leader-text-info h1,
.aiobot-metrics-new-section .leader-text-info h2,
.aiobot-metrics-new-section .leader-text-info h3,
.aiobot-metrics-new-section .leader-text-info h4,
.leader-text-info h5 {
    text-transform: capitalize;
}

.page-template-premium-brand-creation .two-point-new-section {
    min-height: 681px;
}

.branding-project-slider-img-item {
    position: relative;
}

.wireless-slider-animated-gif {
    position: absolute;
    left: 0;
    top: 50%;
    max-width: 67%;
    margin: 0 auto;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.wireless-black-bg-color .branding-project-slider-img-item {
    background: #000;
}

.branding-project-slider-img-item.wireless-black-bg-color {
    background: #000;
}

.branding-project-slider-img-item.soapy-rotate-2image {
    display: flex;
    flex-wrap: wrap;
}

.sopay-marquee-left {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

/* animation: marqueeTop 8s linear infinite; */
@keyframes marqueeTop {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-150%);
    }
}

.sopay-marquee-right {
    width: 50%;
    animation: marqueeBottom 6s linear infinite;
}

@keyframes marqueeBottom {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.branding-project-sopay-item {
    width: 50%;
    padding: 0.5vw;
}

.branding-project-sopay-item img {
    width: 100%;
}

/* @keyframes marqueeTop{
  0% {
    top: 0;
  }
  100% {
    top: -100%;
  }
} */

.image-2colum-warp {
    display: flex;
    flex-wrap: wrap;
    row-gap: 16px;
    margin: 0 -8px;
}

.colum2-col {
    width: 50%;
    padding: 0 8px;
}


.two-point-new-section.aiobot-product-header {
    background: #80eabe;
}

.two-point-new-section.aiobot-product-header .two-point-new-left-info h1 {
    font-size: 5vw;
    line-height: 5.3vw;
    margin: 0 0 1.2vw;
}

.two-point-new-section.aiobot-product-header .two-point-new-left-info p {
    font-size: 1.25vw;
    line-height: 1.8vw;
    margin: 0 0 1vw;
    padding: 0;
}

.aiobot-product-header .atf-lets-connect {
    margin-top: 1.5vw;
}

.aiobot-product-header .hamburger-toggle img {
    filter: invert(1);
}

.branding-experience-pmm-section.aiobot-experience-section .product-icon-cricle:hover {
    border-color: #80eabe;
    background: #80eabe;
}

.animatin-window-scroll-section.branding-scrolling-purple-bg.aiobot--scroll-section {
    background: #80eabe;
}

.branding-scrolling-purple-bg.aiobot--scroll-section .marquee-thework-line span {
    color: #80eabe;
}

.branding-scrolling-purple-bg.aiobot--scroll-section .marquee-thework-line span::after {
    background: #80eabe;
}

.branding-scrolling-purple-bg.aiobot--scroll-section .marquee-thework-line span:nth-child(odd) {
    color: #000;
}

.aiobot-tabbing-section.website-pge-tabbing-section.branding-amm-tabbing-section #seo-pmm2-content .amm-tabbing-flx-content-info {
    background: #80eabe;
}

.website-pge-tabbing-section.branding-amm-tabbing-section.aiobot-tabbing-section .tabbing-menu-item ul li:nth-child(1) a span,
.website-pge-tabbing-section.branding-amm-tabbing-section.aiobot-tabbing-section .tabbing-menu-item ul li:nth-child(1) a strong {
    background: #80eabe;
}

#seo-pmm2-content .amm-tabbing-flx-content-info h3 {
    font-size: 5vw;
    line-height: 5.3vw;
}

.top-branding-project-section.pmm-new-first-section.aiobot-project-last-section .leader-text-info h2 span {
    color: #80eabe;
}

.page-template-portfolio-detail .accesssportsclub-page-one-section img.appmusic-img-02 {
    top: -8.2vw;
    left: -2vw;
}

.pureway-aapmuisc-part.accesssportsclub-page-one-section img.appmusic-img-01 {
    opacity: 0.85;
    right: 0.55vw;
    width: 10.55vw;
    border-radius: 0.5vw;
}

.pureway-aapmuisc-part.accesssportsclub-page-one-section img.appmusic-img-02 {
    opacity: 0.85;
}

.gaye-mag-floating-section.accesssportsclub-page-one-section.pureway-aapmuisc-part .appmusic-img-04 {
    opacity: 0.85;
}

.accesssportsclub-page-one-section.pureway-aapmuisc-part .soundnind-appmusic-wrap h3:nth-child(1) {
    z-index: 2;
}

.object-position-top video {
    object-position: top;
}

.branding-project-slider-img-item video {
    width: 100%;
    height: 100%;
    background: #87d6eb;
}

.soapy-rotate-section .branding-project-slider-img-item video {
    background: #7CD1E9;
}

.branding-project-slider-v2-section .soapy-rotate-section .branding-project-slider-img-left-col .branding-project-slider-img-item {
    height: 16.31vw;
}

.cases-desgin-cafe-section.infinixbio-casestudies-section-3.mavwicks-section-3 {
    padding-bottom: 6vw;
}

.desgin-cafe-content:last-child {
    padding-bottom: 0;
}

.soundnind-appmusic-wrap.font-size-appmusic h3 {
    font-size: 5vw;
    line-height: 5.3vw;
}

.halliday-appmusic-section .appmusic-img-01 {
    right: -6.05vw;
}

.photogenics-appmusic-section .soundnind-appmusic-wrap>h3:nth-child(1) {
    z-index: 1;
}

.photogenics-appmusic-section .appmusic-img-01 {
    z-index: -1;
    right: 0;
}

.pureway-btm-vertical .branding-heading {
    padding-bottom: 0;
}

.branding-design-section.pureway-btm-vertical {
    padding-bottom: 0;
}

/** ================== // Author Digital Saturdays // ================== **/
.blog-more-slide-section.author-saturdays-section {
    padding: 4.896vw 0 2vw;
}

.blog-more-slide-section.author-saturdays-section .blog-tiitle-slde {
    padding: 0 0 2.917vw 4.49vw;
}

.colum2-col video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.colum2-col.full-col12-column {
    width: 100%;
}
.portfolio-all-page-tab-section #social-pmm-content .amm-tabbing-flx-content-info h3 {
    font-size: 6vw;
    line-height: 6.3vw;
}

.social-txt-bg-clr .amm-tabbing-flx-content-info {
    background: #fff !important;
}
.website-pge-tabbing-section .tabbing-menu-item ul li a.webiste-bg-clr span,
.website-pge-tabbing-section .tabbing-menu-item ul li a.webiste-bg-clr strong {
    background: #ffffff;
}
.website-pge-tabbing-section .tabbing-menu-item ul li a.branding-bg-clr span,
.website-pge-tabbing-section .tabbing-menu-item ul li a.branding-bg-clr strong {
    background: #8C81FA;
    color: #000 !important;
}
.website-pge-tabbing-section .tabbing-menu-item ul li a.branding-bg-clr strong img {
    filter: invert(0);
}
.website-pge-tabbing-section .tabbing-menu-item ul li a.multi-bg-clr span,
.website-pge-tabbing-section .tabbing-menu-item ul li a.multi-bg-clr strong {
    background: #E7FA48;
    color: #000 !important;
}
.website-pge-tabbing-section .tabbing-menu-item ul li a.multi-bg-clr strong img {
    filter: invert(0);
}
.website-pge-tabbing-section .tabbing-menu-item ul li a.seo-bg-clr span,
.website-pge-tabbing-section .tabbing-menu-item ul li a.seo-bg-clr strong {
    background: #48E5A4;
    color: #000 !important;
}
.website-pge-tabbing-section .tabbing-menu-item ul li a.seo-bg-clr strong img {
    filter: invert(0);
}
.website-pge-tabbing-section .tabbing-menu-item ul li a.ads-bg-clr span,
.website-pge-tabbing-section .tabbing-menu-item ul li a.ads-bg-clr strong {
    background: #EC6553;
    color: #000 !important;
}
.website-pge-tabbing-section .tabbing-menu-item ul li a.ads-bg-clr strong img {
    filter: invert(0);
}
#branding-pmm-content .amm-tabbing-flx-content-info {
    background: #8c81fa;
}
.p-top-100 {
    padding-top: 18vh !important;
}


.sticky-position-scroll{
    position: sticky;
    top: 20px;
}

.tri-logo-effect-vertical.smallsize-logo-part.buddhascup-smallsize .tri-logo-left {
    width: 8.18vw;
}

.ml-auto{
    margin-left: auto !important;
}

.gary-scale-after-before .cndkbeforeafter-item .cndkbeforeafter-item-after-c {
    filter: grayscale(1);
}

.beforeafterdefault-not > div > div{
    margin-bottom: 15px;
}
.beforeafterdefault-not > div > div:last-child{
    margin-bottom: 0;
}

.google-infinixbio-info.infinixbio-tb-redesign img.progress-line-fixed {
    width: 43.9%;
}
.google-infinixbio-info.infinixbio-tb-redesign ul li {
    font-size: 1vw;
    line-height: 1.875vw;
    margin: 0 0 1.25vw;
}
.google-infinixbio-info.infinixbio-tb-redesign ul li:last-child {
    padding-right: 11vw;
}
.top-bar-notification {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #000000;
    z-index: 99;
    color: #fff;
    text-align: center;
    padding: 0.6vw 0px;
}
.top-bar-notification p {
    color: #fff;
}
.top-bar-notification p a {
    color: #fff;
    text-decoration-thickness: 0.05vw;
    text-underline-offset: 0.16vw;
    text-decoration-line: underline;
}
.top-bar-notification p a:hover {
    text-decoration: none;
}

/** ================== //  PORTFOLIO PROJECT PAGE CSS START // ================== **/
.portfolio-case-tab-section.portfolio-project-section {
    height: auto;
    position: relative;
    background: #000;
    padding-top: 3vw;
    padding-bottom: 3vw;
}
.portfolio-case-tab-section.portfolio-project-section .container {
    padding: 0 4.62vw 0 3.04vw;
}
.portfolio-project-heading {
    margin-bottom: 1.57vw;
}
.portfolio-project-heading h1 {
    font-family: "Urbanist", sans-serif;
    font-weight: 600;
    font-size: 2.94vw;
    line-height: 3.52vw;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 0;
}
/* .portfolio-project-section .portfolio-filter-tabs {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    margin-bottom: 1.57vw;
} */
.portfolio-project-section .portfolio-filter-tabs {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    margin-bottom: 1.57vw;
    position: sticky;
    top: 0;
    z-index: 1;
    background: #000;
    padding: 0.5vw 0;
}
.portfolio-project-section .portfolio-filter-tabs ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.portfolio-project-section .portfolio-filter-tabs ul li {
    display: inline-block;
    margin: 0;
    margin-right: 0.79vw;
}
.portfolio-project-section .portfolio-filter-tabs ul li:last-child {
    margin-right: 0;
}
.portfolio-project-section .portfolio-filter-tabs ul li a {
    text-transform: capitalize;
    text-decoration: none;
    transition: all 0.3s;
    font-family: "Urbanist", sans-serif;
    font-weight: 700;
    font-size: 1.26vw;
    line-height: 1.78vw;
    letter-spacing: 0.04em;
    color: rgba(255, 255, 255, 0.3);
    border: 0.05vw solid #000;
    padding: 0.52vw 0.52vw;
    border-radius: 0.21vw;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.portfolio-project-section .portfolio-filter-tabs ul li a.active,
.portfolio-project-section .portfolio-filter-tabs ul li a:hover {
    border-color: rgba(255, 255, 255, 0.3);
}
.portfolio-project-section .portfolio-filter-tabs ul li a.active {
    color: #fff;
}
.portfolio-project-section .filter-toggle-btn {
    background: #FFFFFF;
    border-radius: 0.21vw;
    cursor: pointer;
    text-transform: capitalize;
    margin: 0;
    transition: all 0.3s;
    font-family: "Urbanist", sans-serif;
    font-weight: 600;
    font-size: 0.73vw;
    line-height: 0.94vw;
    letter-spacing: 0.04em;
    color: #000000;
    padding: 0.68vw 0.52vw;
    min-width: 5.46vw;
    height: 2.1vw;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 0.26vw;
}
.portfolio-project-section .filter-toggle-btn img {
    width: 1.26vw;
    margin-top: -0.1vw;
}
/* Sidebar Styles */
.portfolio-project-section .portfolio-filter-sidebar {
    position: fixed;
    top: 0;
    right: -100%;
    width: 25.35vw;
    height: 100%;
    background: #0D0D0D;
    z-index: 9999;
    box-shadow: -0.1vw 0 0.52vw rgba(0, 0, 0, 0.1);
    transition: 0.5s;
    display: flex;
    flex-direction: column;
}
.portfolio-project-section .portfolio-filter-sidebar * {
    font-family: "Urbanist", sans-serif;
    color: #fff;
}
.portfolio-project-section .portfolio-filter-sidebar.open {
    right: 0;
    transition: 0.3s;
}
.portfolio-project-section .filter-header {
    padding: 1.05vw 1.56vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.portfolio-project-section .filter-header h3 {
    margin: 0;
    font-weight: 700;
    font-size: 1.46vw;
    line-height: 2.03vw;
    letter-spacing: 0.04em;
    color: #FFFFFF;
}
.portfolio-project-section .close-filter {
    cursor: pointer;
    font-size: 1.05vw;
}
.portfolio-project-section .filter-body {
    padding: 0vw 0 1.05vw;
    flex-grow: 1;
    overflow-y: auto;
    border-top: 0.05vw solid rgba(255, 255, 255, 0.1);
    border-bottom: 0.05vw solid rgba(255, 255, 255, 0.1);
    padding-top: 1.05vw;
}
.portfolio-project-section .filter-group {
    margin-bottom: 1.31vw;
}
.portfolio-project-section .filter-group h4, .applied-filter h4.applied_filter_toggle_head {
    font-weight: 700;
    font-size: 1.04vw;
    line-height: 1.46vw;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    position: relative;
    margin-bottom: 1.31vw;
    cursor: pointer;
}
.portfolio-project-section .filter-group h4::after {
    content: "\f107";
    font-family: 'FontAwesome';
    position: absolute;
    top: 0;
    right: 0;
    font-weight: normal;
    transform: rotate(-90deg);
    transition: 0.3s;
}
.portfolio-project-section .filter-group.active h4::after {
    transform: unset;
}
.applied-filter {
    background: rgb(255 255 255 / 20%);
    padding: 1.3vw 1.56vw;
    margin-bottom: 1.31vw;
    margin-top: -1.05vw;
}
.portfolio-project-section .filter-group {
    padding-left: 1.56vw;
    padding-right: 1.56vw;
    border-bottom: 0.05vw solid rgba(255, 255, 255, 0.1);
}
.applied-item.badge {
    border: 0.05vw solid rgba(255, 255, 255, 0.2);
    padding: 0.21vw 0.42vw;
    border-radius: 0;
    display: inline-flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 0.73vw;
    line-height: 0.94vw;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    cursor: pointer;
}
.applied-item.badge span.remove-icon {
    margin-right: 0.36vw;
}
.applied-item.badge span.remove-icon img {
    width: 0.63vw;
}
.applied_filter_toggle_body {
    display: flex;
    flex-wrap: wrap;
    gap: 0.52vw;
}
.portfolio-project-section .filter-repeater-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 1vw;
    align-items: center;
}
.portfolio-project-section .filter-checkbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 0;
    cursor: pointer;
    font-weight: 500;
    font-size: 0.83vw;
    line-height: 1.15vw;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    opacity: 0.65;
    width: 75%;
}
.portfolio-project-section .filter-repeater-inner:last-child {
    margin-bottom: 0;
}
.portfolio-project-section .filter-checkbox input {
    margin-right: 0.52vw;
}
.portfolio-project-section .filter-actions {
    padding: 1.5vw 1.5vw;
    display: flex;
    gap: 0.52vw;
}
.portfolio-project-section .filter-actions button {
    background: #FFFFFF;
    border-radius: 0.21vw;
    width: 50%;
    font-family: "Urbanist", sans-serif;
    font-weight: 600;
    font-size: 0.73vw;
    line-height: 0.94vw;
    letter-spacing: 0.04em;
    color: #000000;
    text-transform: capitalize;
    cursor: pointer;
    height: 2.1vw;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0.05vw solid #FFFFFF;
    transition: 0.3s;
}
.portfolio-project-section button.btn-clear {
    background: transparent;
    color: #fff;
}
.portfolio-project-section .filter-actions button:hover {
    background: transparent;
    color: #fff;
}
.portfolio-project-section button.btn-clear:hover {
    background: #FFFFFF;
    color: #000000;
}
.portfolio-project-section .filter-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9998;
    display: none;
    background: rgba(0, 0, 0, 0.65);
    /* backdrop-filter: blur(0.26vw); */
}
.portfolio-project-section .filter-overlay.show {
    display: block;
}
.portfolio-project-section .filter-checkbox span {
    line-height: 1.15vw;
    margin-left: 0.6vw;
}
.total-port {
    width: 20%;
    font-weight: 500;
    font-size: 0.83vw;
    line-height: 1;
    text-align: right;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    opacity: 0.65;
}
.project-portfolio-detail-card {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.project-portfolio-detail-left-col {
    width: 70%;
}
.portfolio-all-item-col-info .project-portfolio-detail-left-col h3 {
    font-weight: 700;
    font-size: 1.26vw;
    line-height: 1.63vw;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    margin-bottom: 0.52vw;
}
.portfolio-all-item-col-info .project-portfolio-detail-left-col h3 a,
.portfolio-all-item-col-info h3 a {
    color: #FFFFFF !important;
}
.portfolio-all-item-col-info .project-portfolio-detail-left-col p {
    font-weight: 500;
    font-size: 1.05vw;
    line-height: 1.47vw;
    letter-spacing: 0.04em;
    color: rgba(255, 255, 255, 0.65);
    text-transform: unset;
}
.project-portfolio-detail-right-col {
    width: 28%;
}
.portfolio-project-section .portfolio-badges {
    margin-top: 0.42vw;
    display: flex;
    flex-wrap: wrap;
    gap: 0.52vw;
    justify-content: flex-end;
}
.portfolio-project-section .project-portfolio-detail-right-col .portfolio-badges .badge {
    border: 0.05vw solid rgba(255, 255, 255, 0.2);
    padding: 0.26vw 0.52vw;
    border-radius: 0 !important;
    background: transparent;
    font-family: "Urbanist", sans-serif;
    font-weight: 600;
    font-size: 0.63vw;
    line-height: 0.84vw;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #FFFFFF;
}
.portfolio-project-section .project-portfolio-detail-right-col .portfolio-badges .badge.industry-badge {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 0;
    border-color: transparent;
}
.portfolio-project-section .port-case-under-tabbing {
    padding: 0;
}
.portfolio-project-section .portfolio-all-item-warp {
    margin: 0 -1.05vw;
    row-gap: 2.62vw;
}
.portfolio-project-section .portfolio-all-item-col-4 {
    width: 50%;
    padding: 0 1.05vw;
}
.filter_toggle_body {
    display: none;
    padding-bottom: 1.56vw;
}
.portfolio-project-section .filter-group.active .filter_toggle_body {
    display: block;
}
.filter-checkbox:has(input[type="checkbox"]:checked) {
    opacity: 1;
    font-weight: bold;
}
.portfolio-project-section .filter-checkbox input[type="checkbox"] {
    position: relative;
    line-height: 0;
    outline: 0;
    padding: 0 !important;
    border: 0.15vw solid #fff;
    border-radius: 0;
    background-color: transparent;
    cursor: pointer;
    margin: 0;
    height: 1.2vw;
    width: 1.2vw;
    -webkit-appearance: none;
    opacity: 0.65;
}
.portfolio-project-section .filter-checkbox input[type="checkbox"]:checked {
    background: #fff;
    opacity: 1;
}
.portfolio-project-section .filter-checkbox input[type="checkbox"]::before {
    content: "";
    position: absolute;
    left: 0.36vw;
    top: 0.06vw;
    width: 0.31vw;
    height: 0.68vw;
    border: solid #000000;
    border-width: 0 0.15vw 0.15vw 0;
    transform: rotate(45deg);
    opacity: 0;
}
.portfolio-project-section .filter-checkbox input[type="checkbox"]:checked::before {
    opacity: 1;
}
.portfolio-project-section .filter-body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0.31vw rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}
.portfolio-project-section .filter-body::-webkit-scrollbar {
    width: 0.31vw;
    background-color: #F5F5F5;
}
.portfolio-project-section .filter-body::-webkit-scrollbar-thumb {
    background-color: #000000;
}
.portfolio-project-section .portfolio-the-section {
    margin: 0;
    padding: 0;
}
.portfolio-project-section .port-case-under-tabbing {
    position: relative;
}
.portfolio-project-loader {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 58%);
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 4vw;
    display: none;
}
.loader-wrapper {
    width: 4.2vw;
    height: 4.2vw;
    padding: 0.16vw;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: rgb(63, 249, 220);
    background: linear-gradient(0deg, rgba(63, 249, 220, 0.1) 33%, rgba(63, 249, 220, 1) 100%);
    animation: LoaderSpin .8s linear 0s infinite;
}
.circle-core {
    width: 100%;
    height: 100%;
    background-color: #000000;
    border-radius: 50%;
}
.portfolio-project-loader.active {
    display: flex;
}
@keyframes LoaderSpin {
  from {
    transform: rotate(0);
  }
  to{
    transform: rotate(359deg);
  }
}
.filter-toggle-btn-mob {
    display: none;
}
.fliter-is-active {
    overflow: hidden;
}
/** ================== //  PORTFOLIO PROJECT PAGE CSS END // ================== **/


/** ================== //  AIBOBOT V2 PAGE CSS START // ================== **/
.aiobot-v2-banner-section {
    background: #000;
    position: relative;
    z-index: 1;
    padding: 2.604vw 0 9.063vw;
}
.aiobot-v2-banner-section::after {
    content: "";
    background: url('https://bucket-v44344.s3.us-west-2.amazonaws.com/2026/01/radial-green-points.png') no-repeat center bottom;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    height: 60%;
    background-size: 100%;
}
canvas#riveCanvas {
    position: absolute;
    top: -13.5vw;
    left: 12px;
    width: 100%;
}
.aiobot-v2-banner-heading {
    text-align: center;
    padding: 0 23vw;
}
.aiobot-v2-banner-heading h1 {
    color: #fff;
    font-size: 5vw;
    line-height: 120%;
    letter-spacing: 0.02em;
    margin-bottom: 2.083vw;
    position: relative;
}
.aiobot-v2-banner-heading strong {
    display: block;
    font-family: 'Urbanist', sans-serif;
}
.aiobot-v2-banner-heading p {
    color: #fff;
    line-height: 131%;
    font-size: 1.25vw;
    font-family: 'Urbanist Regular';
    font-weight: normal;
    margin-bottom: 2.083vw;
    position: relative;
}
.aiobot-v2-banner-heading .btn.btn-green {
    position: relative;
}
.aibobot-logo {
    margin: 0 0 2.292vw;
}
.aibobot-logo img {
    width: 6.094vw;
    display: block;
    margin: 0 auto;
}
.aibobot-logo video {
    width: 15.094vw;
    display: block;
    margin: 0 auto;
}
.aibobot-logo #aibobot-json-1 {
    width: 11.094vw;
    height: 11.094vw;
    display: none;
    margin: 0 auto;
}
.aibobot-logo svg {
    width: 100%;
    height: 100%;
}
#aibobot-json-2{
    width: 100%;
}
.btn.btn-green {
    border-color: #7FF088;
    color: #06441A;
    border-radius: 0.417vw;
    padding: 0.21vw 1.563vw;
    font-size: 1.042vw;
    text-transform: uppercase;
    background: #7FF088;
    min-width: 8.125vw;
    min-height: 2.917vw;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'Urbanist', sans-serif;
    font-weight: bold;
    letter-spacing: 0.11em;
    transition: background-color 140ms ease-out,
    transform 320ms cubic-bezier(.18,1,.25,1),
    box-shadow 320ms cubic-bezier(.18,1,.25,1);
}
.btn.btn-green:hover {
    transform: translateY(-5px);
    box-shadow: 0 28px 80px rgba(127,240,136,.4);
}
.btn.btn-green:active {
    background: #63d977;
    transform: translateY(-5px);
    border-color: #63d977;
}
.traffic-view {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}
.traffic-view.top {
    left: 8.906vw;
    top: 4.105vw;
    transform: translate(280%, 300%);
    transition: 1s;
}

.traffic-view img{
    border-radius: 0.417vw;
    image-rendering: auto;
}
.traffic-view.top img{
    /* -webkit-animation: top 0.8s infinite  alternate;
    animation: top 0.8s infinite  alternate; */
}
.traffic-view.right img{
    /* -webkit-animation: right 3s infinite  alternate;
    animation: right 3s infinite  alternate; */
}
.traffic-view.bottom img{
    /* -webkit-animation: bottom 3s infinite  alternate;
    animation: bottom 3s infinite  alternate; */
}
.traffic-view.left img{
    /* -webkit-animation: left 1s infinite  alternate;
    animation: left 1s infinite  alternate; */
}
@-webkit-keyframes top {
    0% { transform: translateY(0); }
    100% { transform: translateY(-6px); }
}
@keyframes top {
    0% { transform: translateY(0); }
    100% { transform: translateY(-6px); }
}
@-webkit-keyframes right {
    0% { transform: translate(-5px, -5px) ; }
    25% { transform: translate(5px, -5px) ; }
    50% { transform: translate(5px, 5px) ; }
    75% { transform: translate(-5px, 5px) ; }
    100% { transform: translate(-5px, -5px) ; }
}
@keyframes right {
    0% { transform: translate(-5px, -5px) ; }
    25% { transform: translate(5px, -5px) ; }
    50% { transform: translate(5px, 5px) ; }
    75% { transform: translate(-5px, 5px) ; }
    100% { transform: translate(-5px, -5px) ; }
}
@-webkit-keyframes bottom {
    0% { transform: translate(5px, 5px) ; }
    25% { transform: translate(-5px, 5px) ; }
    50% { transform: translate(-5px, -5px) ; }
    75% { transform: translate(5px, -5px) ; }
    100% { transform: translate(5px, 5px) ; }
}
@keyframes bottom {
    0% { transform: translate(5px, 5px) ; }
    25% { transform: translate(-5px, 5px) ; }
    50% { transform: translate(-5px, -5px) ; }
    75% { transform: translate(5px, -5px) ; }
    100% { transform: translate(5px, 5px) ; }
}
@-webkit-keyframes left {
    0% { transform: translate(0, 0); }
    100% { transform: translate(-15px, 0); }
}
@keyframes left {
    0% { transform: translate(0, 0); }
    100% { transform: translate(-15px, 0); }
}
.traffic-view.right {
    top: 4.105vw;
    right: 8.177vw;
    transform: translate(-300%, 158%);
    transition: 1s;
}
.traffic-view.bottom {
    right: 13.646vw;
    bottom: 7.448vw;
    transform: translate(-300%, -332%);
    transition: 0.7s;
}
.traffic-view.left {
    left: 13.125vw;
    bottom: 7.448vw;
    transform: translate(250%, -315%);
    transition: 1s;
}
.zoom-animated .traffic-view {
    opacity: 1;
    visibility: visible;
}
.zoom-animated .traffic-view.top, .zoom-animated .traffic-view.right, .zoom-animated .traffic-view.bottom, .zoom-animated .traffic-view.left {
    transform: translate(0%, 0%);
}
.traffic-view.top img {
    width: 11.51vw;
}

.traffic-view.right img {
    width: 11.563vw;
}

.traffic-view.left img {
    width: 12.708vw;
}

.traffic-view.bottom img {
    width: 9.792vw;
}
/* V2 */
.aiobot-v2-driven-section {
    padding: 6.146vw 0;
    position: relative;
    overflow: hidden;
}
.heading.driven-heading{
    text-align: center;
}
.heading.driven-heading h2 {
    font-size: 4.167vw;
    color: #000;
    font-family: 'Urbanist', sans-serif;
    font-weight: 500;
    line-height: normal;
    margin: 0 0 2.083vw;
}
.heading.driven-heading  p {
    color: #000;
    font-size: 1.406vw;
    line-height: 131%;
    font-family: 'Urbanist Regular';
    font-weight: normal;
    letter-spacing: 0.04em;
    padding: 0 14vw;
}

.scroller-ai-logo-1 {
    width: 10000% !important;
}

.scroller-ai-logo-1.ready>* {
    display: inline-block;
    float: left;
    overflow: hidden;

    webkit-animation-timing-function: linear;
    animation-timing-function: linear;


    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;

    -webkit-animation-delay: 1s;
    animation-delay: 1s;


    -webkit-animation-duration: 50s;
    animation-duration: 50s;


    -webkit-animation-name: marginator;
    animation-name: marginator;



    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.scroller-ai-logo-1:hover>* {


    /* -webkit-animation-play-state: paused;
    animation-play-state: paused; */
}

.marquee-tools-logo img {
    width: 13.802vw;
    filter: grayscale(1);
}

.heading.driven-heading {
    text-align: center;
    margin: 0 0 3.438vw;
}

.aibobot-v2-h-it-w-section{
    background: #000;
    position: relative;
    z-index: 1;
    padding: 7.292vw 0;
}
.aibobot-v2-h-it-w-section::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: url('https://bucket-v44344.s3.us-west-2.amazonaws.com/2026/01/tech-dots.png') no-repeat left bottom;
    width: 46.667vw;
    height: 46.667vw;
    background-size: 100%;
    z-index: -1;
}

.aibobot-how-it-warp {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.911vw;
}

.aibobot-how-it-col4 {
    width: 33.33%;
    padding: 0 0.911vw;
    row-gap: 1.823vw;
}

.aibobot-how-it-col-info img {
    margin: 0 0 1.667vw;
    display: block;
    width: 100%;
    border: 0.052vw #333333 solid;
}
.aibobot-how-it-col-info video {
    width: 100%;
    margin: 0 0 1.667vw;
    display: block;
}
.aibobot-how-it-col-info p {
    color: #fff;
    font-size: 1.406vw;
    line-height: 131%;
    font-family: 'Urbanist Regular';
    font-weight: normal;
    letter-spacing: 0.04em;
    text-align: center;
    padding: 0 3.5vw;
}

.webinars_heading h2 {
    font-size: 4.167vw;
    line-height: 100%;
}
.aibobot-v2-h-it-w-section .what-you-learn-wrap {
    max-width: 100%;
    margin-bottom: 4.167vw;
}

.aibobot-v2-predictable-section{
    padding: 6.771vw 0;
}

.out-scroll-select{
    margin: 0;
    padding: 0;
}
.out-scroll-select ul{
    margin: 0;
    padding: 0;
    position: relative;
}
.out-scroll-select ul::after {
    content: "";
    background: #7ff088;
    position: absolute;
    top: 0.833vw;
    left: 0.573vw;
    bottom: 0.781vw;
    width: 0.104vw;
    z-index: -1;
}
.out-scroll-select ul li {
    margin: 0 0 0.625vw;
    padding: 0 0 0 2.083vw;
    display: block;
    font-size: 1.25vw;
    line-height: 180%;
    font-family: "Urbanist", sans-serif;
    font-weight: 500;
    letter-spacing: 0.02em;
    position: relative;
}
.out-scroll-select ul li::after {
    content: "";
    width: 1.302vw;
    height: 1.302vw;
    background: #7FF088;
    position: absolute;
    left: 0;
    top: 0.469vw;
    border-radius: 3vw;
    transition: 0.7s;
}
.out-scroll-select ul li::before {
    content: "";
    width: 0.365vw;
    position: absolute;
    top: 0.781vw;
    left: 0.469vw;
    height: 0.573vw;
    border-right: 0.105vw #06441A solid;
    border-bottom: 0.105vw #06441A solid;
    z-index: 1;
    transform: rotate(42deg) scale(0);
    opacity: 0;
    transition: 1s;
}
.out-scroll-select ul li.scrolled::before {
    opacity: 1;
    transform: rotate(42deg) scale(1);
}
.aibobot-v2-predictable-section .about-series-info-holder h3 {
    font-size: 4.167vw;
    line-height: normal;
    margin-bottom: 1.57vw;
    padding-right: 0;
    font-family: 'Urbanist Regular';
    font-weight: normal;
    margin-bottom: 0.417vw;
}
.about-series-info-holder h4 {
    font-size: 2.5vw;
    font-family: "Urbanist", sans-serif;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: normal;
    margin-bottom: 1.25vw;
}
.aibobot-v2-predictable-section .about-series-right-col {
    width: 45.22vw;
}
.aibobot-v2-predictable-section .about-series-left-col {
    width: 40.6vw;
}

.aibobot-v2-real-growth-section{
    margin: 0;
    padding: 7.292vw 0;
    background: #000;
    position: relative;
    z-index: 1;
}
.aibobot-v2-real-growth-section::before{
    content: "";
    background: url('https://bucket-v44344.s3.us-west-2.amazonaws.com/2026/01/dots-pattern-9x16-top.png') no-repeat top left;
    position: absolute;
    top: 0;
    left: 0;
    width: 26.25vw;
    height: 46.667vw;
    background-size: 100%;
    z-index: -1;
}
.aibobot-v2-real-growth-section::after{
    content: "";
    background: url('https://bucket-v44344.s3.us-west-2.amazonaws.com/2026/01/dots-pattern-9x16-bottom.png') no-repeat top left;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 26.25vw;
    height: 46.667vw;
    background-size: 100%;
    z-index: -1;
}

.aibobot-v2-real-wrap{
    display: flex;
    flex-wrap: wrap;
}

.aibobot-v2-real-left-col{
    width: 50%;
    padding-right: 3.906vw;
}
.aibobot-v2-real-right-col{
    width: 50%;
}

.aibobot-v2-real-left-col .heading h2 {
    font-size: 4.167vw;
    line-height: normal;
    letter-spacing: 0.04em;
    margin: 0 0 1.094vw;
}
.aibobot-v2-real-left-col .heading p {
    color: #fff;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    font-size: 1.406vw;
    line-height: 131%;
    margin: 0 0 1.25vw;
    letter-spacing: 0.04em;
}

.growth-case-study-item{
    margin-bottom: 3.333vw;
}
.growth-case-study-item:last-child{
    margin-bottom: 0;
}
.aibobot-v2-real-left-col  .heading {
    top: 34%;
    position: sticky;
}
.growth-tittle{
    margin: 0;
    padding: 0;
}
.growth-case-study-item .btn.btn-green {
    display: none;
}
.growth-tittle h6{
    margin: 0 0 0.208vw;
    padding: 0;
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 0.833vw;
    line-height: 0.99vw;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #FFFFFF;
    opacity: 0.35;
}

.growth-tittle h3{
    font-family: 'Urbanist', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 2.188vw;
    line-height: 131.11%;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    margin: 0 0 0.938vw;
}
.count-growth-number {
    border: 1px #333333 solid;
    display: flex;
    flex-wrap: wrap;
}

.count-growth-left {
    width: 50%;
    padding: 1.042vw 4.115vw;
    display: flex;
    flex-wrap: wrap;
    border-right: 1px #333 solid;
}
.count-growth-left:last-child {
    border-right: none;
}
.count-growth-left figcaption {
    width: calc(100% - 0.938vw);
    padding-left: 1.25vw;
}
.count-growth-left span {
    display: block;
    color: #7FF088;
    font-size: 2.083vw;
    font-family: "Sora", sans-serif;
    line-height: normal;
}
.count-growth-left span strong {
    font-weight: normal;
}
.count-growth-left p {
    display: block;
    color: #ffffff;
    font-size: 0.625vw;
    font-family: "Sora", sans-serif;
    font-weight: normal;
    line-height: normal;
}
.count-growth-left img {
    width: 0.938vw;
}
.study-ai-img {
    margin: 0 0 2.448vw;
    border-bottom: 1px #333 solid;
    border-left: 1px #333 solid;
    border-right: 1px #333 solid;
}
.study-ai-img img {
    width: 100%;
}
/* CASE STUDY */

.scroller-ai-logo-left {
    width: 10000% !important;
}

.scroller-ai-logo-left.ready>* {
    display: inline-block;
    float: left;
    overflow: hidden;

    webkit-animation-timing-function: linear;
    animation-timing-function: linear;


    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;

    -webkit-animation-delay: 1s;
    animation-delay: 1s;


    -webkit-animation-duration: 50s;
    animation-duration: 50s;


    -webkit-animation-name: marginator;
    animation-name: marginator;



    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.scroller-ai-logo-left:hover>* {


    /* -webkit-animation-play-state: paused;
    animation-play-state: paused; */
}
.scroller-ai-logo-right {
    width: 10000% !important;
}

.scroller-ai-logo-right.ready>* {
    display: inline-block;
    float: left;
    overflow: hidden;

    webkit-animation-timing-function: linear;
    animation-timing-function: linear;


    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;

    -webkit-animation-delay: 1s;
    animation-delay: 1s;


    -webkit-animation-duration: 50s;
    animation-duration: 50s;


    -webkit-animation-name: marginator-right;
    animation-name: marginator-right;



    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.scroller-ai-logo-right:hover>* {


    /* -webkit-animation-play-state: paused;
    animation-play-state: paused; */
}

.aiobot-v2-connections .marquee-tools-logo img {
    filter: none;
    width: 100%;
    max-height: 4.167vw;
}

.aiobot-v2-connections .marquee-atf-item {
    margin: 0;
    padding: 0 0.625vw;
}
.aiobot-v2-connections .marquee-tools-logo {
    border: 1px rgba(0, 0, 0, 0.15) solid;
}
.driven-logo-scroll-animate {
    position: relative;
    overflow: hidden;
    margin-bottom: 1.615vw;
}
.driven-logo-scroll-animate:last-child {
    margin-bottom: 0;
}

@-webkit-keyframes marginator-right {
    0% {
        -webkit-transform: translate(-100%, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
    }

    100% {
        -webkit-transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    }
}


.aibobot-v2-publish-section{
    padding: 6.125vw 0;
    background: #000;
    position: relative;
    z-index: 1;
}
.aibobot-v2-publish-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: url('../images/bots-center.png') no-repeat center;
    z-index: -1;
    width: 44.354vw;
    height: 21.198vw;
    background-size: 100%;
}
.aibobot-v2-publish-section::after {
    content: "";
    background: #333333;
    width: 82.917vw;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    margin: 0 auto;
}

.aibobot-v2-publish-section .heading {
    text-align: center;
    margin: 0 0 1.875vw;
}

.aibobot-v2-publish-section .heading h2 {
    font-size: 4.167vw;
    margin: 0 0 1.667vw;
    line-height: normal;
}
.aibobot-v2-publish-section .heading img {
    max-width: 8.333vw;
    margin: 0 auto 2.5vw;
    display: block;
}
.graph-btm-banner {
    max-width: 82.917vw;
    margin: 0 auto;
    position: relative;
    z-index: -1;
}
.graph-btm-banner img {
    width: 100%;
}

.global-heading-full .global-heading {
    max-width: 57vw;
}
.global-heading-full .global-heading h2.heading-sm {
    font-size: 2.7vw;
    line-height: 3.6vw;
    margin-top: 1.5vw;
    padding-left: 15vw;
}
/** ================== //  AIBOBOT V2 PAGE CSS END // ================== **/



/** ================== //  CASE STUDY PAGE CSS START // ================== **/
.case-study-1-new-section .cfe-hero-banner {
    padding: 0 0 2.222vw;
    border-bottom: 1px rgba(255,255,255,0.20) solid;
}
.case-study-new-01-heading {
    margin: 0 0 2.222vw;
    padding: 0;
}
.case-study-new-01-heading h1, .case-study-new-01-heading h2, .case-study-new-01-heading h3, .case-study-new-01-heading h4 {
    color: #fff;
    font-size: 5vw;
    line-height: 110%;
    font-weight: bold;
    font-family: 'Urbanist', sans-serif;
    letter-spacing: 0.04em;
}

.case-study-new-info-warp{
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 1.667vw;
}
.case-study-new-info-warp .cfe--info-item{
    width: 25%;
    padding: 0;
    margin: 0;
}
.case-study-new-info-warp .sp-one{
    width: 20%;
}
.case-study-new-info-warp .sp-two{
    width: 30%;
}
.cfe--info-item ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    column-gap: 0.278vw;
}
.cfe--info-item ul li {
    padding: 0.278vw 0.417vw;
    margin: 0;
    color: #fff;
    display: block;
    font-size: 0.833vw;
    border: 1px rgba(255, 255, 255, 0.20) solid;
    font-family: 'Urbanist', sans-serif;
    letter-spacing: 0.04em;
    font-weight: 600;
    text-transform: uppercase;
}

.case-study-new-01-overview-warp{
    display: flex;
    flex-wrap: wrap;
}

.case-overview-left{
    width: 50%;
}
.case-overview-right{
    width: 50%;
}
.case-overview-heading h2 {
    font-size: 2.778vw;
    color: #fff;
    font-family: 'Urbanist', sans-serif;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 140%;
    margin: 0 0 0.729vw;
}
.visit-btn {
    border: 1px rgba(255,255,255,0.20) solid;
    color: #fff;
    font-size: 0.938vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 300;
    padding: 0.417vw 0.733vw 0.417vw 0.833vw;
    display: inline-flex;
    line-height: normal;
    letter-spacing: 0.04em;
    align-items: center;
}
.visit-btn .icon-stack {
    width: 1.25vw;
    height: 1.25vw;
    position: relative;
    margin-left: 0.521vw;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.visit-btn img {
    margin-left: 0.521vw;
    width: 0.677vw;
}
.visit-btn svg {
    width: 0.677vw;
    height: auto;
    will-change: transform;
    transition: transform 360ms;
    position: absolute;
}
.icon-svg.white1 {
    color: #ffffff;
    transform: translateY(0%);
}
.icon-svg.black1 {
    color: #1b1b1b;
    transform: translateY(110%);
    transition-delay: 30ms;
}
.visit-btn:hover{
    background: #fff;
}
.visit-btn:hover img{
    filter: invert(1);
}
.visit-btn:hover .icon-svg.white1 {
    transform: translateY(-110%);
}
.visit-btn:hover .icon-svg.black1 {
    transform: translateY(0%);
}
.case-study-new-info-warp .cfe--info-item h5 {
    font-family: 'Urbanist', sans-serif;
    font-weight: 500;
    font-size: 0.729vw;
    line-height: 140%;
    margin: 0 0 0.104vw;
    letter-spacing: 0.04em;
    opacity: 0.65;
}
.case-study-new-info-warp .cfe--info-item p {
    letter-spacing: 0.04em;
    line-height: 1.7vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 500;
}

.case-overview-heading p {
    color: #fff;
    font-size: 1.042vw;
    line-height: 140%;
    font-family: 'Urbanist', sans-serif;
    font-weight: 500;
    letter-spacing: 0.04em;
}
.case-overview-heading p a {
    color: #fff;
    text-decoration-thickness: 1px;
    text-underline-offset: 1px;
    text-decoration-line: underline;
}
.case-overview-heading p a:hover{
    text-decoration: none;
}

.case-study-new-2-challenge-section {
    margin: 0;
    padding: 0 4.6vw 5.556vw 3.1vw;
    background: #000;
}

.case-study-2-flex-warp{
    display: flex;
    flex-wrap: wrap;
}

.case-study-2-col-left{
    width: 50%;
    padding-right: 9.722vw;
}

.case-study-2-img{
    margin: 0;
    padding: 0;
}

.case-study-2-img img{
    width: 100%;
}

.case-study-2-col-right{
    width: 50%;
}

.case-study-2-text-info{
    margin: 0;
    padding: 0;
}

.case-study-2-text-info h6 {
    color: #A6A6A6;
    font-size: 1.25vw;
    text-transform: uppercase;
    line-height: normal;
    letter-spacing: 0.04em;
    font-weight: 600;
    font-family: 'Urbanist', sans-serif;
}
.case-study-2-text-info h3 {
    color: #fff;
    font-size: 2.778vw;
    line-height: 120%;
    margin: 0 0 2.639vw;
    padding: 0;
    font-family: 'Urbanist', sans-serif;
    font-weight: 500;
}
.case-study-2-text-info p {
    color: #fff;
    font-family: 'Urbanist', sans-serif;
    font-size: 1.25vw;
    letter-spacing: 0.04em;
    line-height: 140%;
    margin: 0 0 2vw;
}
.case-study-2-text-info p:last-child{
    margin-bottom: 0;
}

.video-divider-section{
    margin: 0;
    padding: 0;
    position: relative;
}

.video-divider-section img{
    width: 100%;
}
.video-divider-section video{
    width: 100%;
    display: block;
}

.client-videtop{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.client-videtop p{
    color: #FFA6A6;
    font-size: 1.667vw;
    font-weight: bold;
    line-height: 140%;
    letter-spacing: 0.04em;
    font-family: 'Urbanist', sans-serif;
}

.adventure-fixed{
    position: absolute;
    bottom: 3.889vw;
    left: 3.889vw;
    right: 3.889vw;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.tripadvicer-logo-lft{
    width: 8.611vw;
}

.tripadvicer-info-rlt{
    width: calc(100% - 8.611vw);
    padding-left: 2.986vw;
}

.tripadvicer-info-rlt h3{
    color: #fff;
    font-size: 6.944vw;
    line-height: 130%;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    font-weight: 900;
    font-family: 'Urbanist', sans-serif;
}

.case-study-new-3-solution-section{
    margin: 0;
    padding: 8.333vw 4.6vw 5.556vw 3.1vw;
    background: #000;
}

.case-study-new-3-warp{
    display: flex;
    flex-wrap: wrap;
}

.case-study-new-3-col-left {
    width: 50%;
    padding-right: 5.938vw;
}
.case-study-new-3-col-right {
    width: 50%;
    padding-top: 2.5vw;
}

.case-heading{
    margin: 0 0 2.222vw;
    padding: 0;
}
.case-heading h6{
    color: #A6A6A6;
    font-size: 1.25vw;
    text-transform: uppercase;
    line-height: normal;
    letter-spacing: 0.04em;
    font-weight: 600;
    font-family: 'Urbanist', sans-serif;
}
.case-heading h1, .case-heading h2, .case-heading h3, .case-heading h4, .case-heading h5{
    color: #fff;
    font-size: 2.778vw;
    line-height: 120%;
    margin: 0 0 2.222vw;
    padding: 0;
    font-family: 'Urbanist', sans-serif;
    font-weight: 500;
}

.faq-accordion {
    background: #141414;
    border-radius: 0.556vw;
    margin-bottom: 0.833vw;
}
.faq-accordion-intro {
    padding: 1.389vw 1.667vw;
    cursor: pointer;
    position: relative;
}
.faq-accordion-intro::after {
    content: "";
    background-image: url('../images/close-cricle-img.svg');
    background-repeat: no-repeat;
    background-position: center;
    width: 2.883vw;
    height: 2.883vw;
    background-size: 100%;
    position: absolute;
    right: 1.667vw;
    top: 0.981vw;
    transition: 0.35s;
    border-radius: 100%;
}
.faq-accordion.open .faq-accordion-intro::after {
    /* background-image: url('../images/open-cricle-img.svg'); */
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    background-color: #fff;
    border-radius: 100%;
    background-blend-mode: difference;
}

.faq-accordion-intro h4 {
    line-height: normal;
    color: #fff;
    font-size: 1.667vw;
    letter-spacing: 0.04em;
    margin: 0;
    font-family: 'Urbanist', sans-serif;
    font-weight: 500;
}
.faq-accordion-content {
    padding: 0 1.667vw 1.389vw;
    display: none;
}
.faq-accordion-content p {
    color: #fff;
    font-size: 0.938vw;
    letter-spacing: 0.04em;
    line-height: 140%;
    font-family: 'Urbanist', sans-serif;
    font-weight: 500;
}
.accordion-active .faq-accordion-content {
    opacity: 1;
    padding-bottom: 1.389vw;
    height: auto;
}
.tab-video-faq-item {
    display: none;
}
.tab-video-faq-item video{
    width: 100%;
    height: auto;
}
.tab-video-faq-item.active {
    display: block;
}
.faq-accordion.open {
    background: #333333;
}

.case-study-new-4-testimonials-section {
    margin: 0;
    padding: 0 4.6vw 5.556vw 3.1vw;
    background: #000;
    position: relative;
    overflow: hidden;
}

.case-study-testimonials{
    background: url('../images/gradient-background.jpg') no-repeat;
    background-size: 100%;
    background-position: right bottom;
    border-radius: 24px;
    border: 1px solid #191919;
    border-radius: 1.25vw;
    padding: 2.5vw;
    margin-bottom: 6.302vw;
}

.case-study-testimonials p {
    font-size: 1.667vw;
    line-height: 130%;
    letter-spacing: 0.04em;
    color: #fff;
    font-family: 'Urbanist', sans-serif;
    font-weight: normal;
    padding-right: 11.719vw;
}
.case-study-new-4-testimonials-section .case-study-testimonials p {
    margin-bottom: 2vw;
}
.case-study-testimonials .user-review-profile {
    flex-direction: row-reverse;
}
.case-study-testimonials .user-review-profile figcaption {
    padding-left: 0;
}
.case-study-testimonials .user-review-profile figcaption h5 {
    text-transform: none;
    line-height: normal;
    font-size: 1.042vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 900;
    letter-spacing: 0.04em;
}
.case-study-testimonials .user-review-profile figcaption span {
    font-size: 0.833vw;
}
.casestudies-cafe-1-section.case-study-1-new-section {
    padding-top: 5vw;
}
.faq-accordion-intro h4 span {
    padding-right: 1vw;
}

.mobile-video-case{
    display: none;
}
.mobile-video-case video{
    width: 100%;
    height: auto;
}
/** ================== //  CASE STUDY PAGE CSS END // ================== **/

.extra-heading-size-samll .two-point-new-left-info {
    padding-top: 0;
}
.extra-heading-size-samll .two-point-new-left-info h1 {
    font-size: 5vw;
    line-height: 5vw;
    margin: 0 auto 1.5vw;
    max-width: 20vw;
}
.extra-heading-size-samll .atf-lets-connect {
    margin-top: 1.031vw;
    margin-bottom: 4.031vw;
}

.json-cricle-animate {
    width: 8.333vw;
    height: 8.333vw;
    border-radius: 100%;
    background: linear-gradient(315deg, #000000 19.71%, #32323C 100%);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0 auto 2.5vw;
}

.json-cricle-animate video {
    width: 100%;
    height: auto;
    mix-blend-mode: difference;
}

.graph-btm-banner video{
    width: 100%;
    pointer-events: none;
}

.page-template-aiobot-v2 .two-point-new-section .nav-manu-new ul li a {
    z-index: 99;
}
.page-template-aiobot-v2 .two-point-new-section .lefs-button {
    position: relative;
    z-index: 99;
}
.page-template-aiobot-v2 .header-side-nav {
    z-index: 99;
}
.page-template-aiobot-v2 .two-point-new-d-left-col {
    z-index: inherit;
}
.page-template-aiobot-v2 .home-index-page .two-point-logo a {
    position: relative;
    z-index: 11;
}
#riveCanvas-mobile{
    display: none;
}


.rivecanvas-desktop {
    margin: 0 auto;
    width: 6.094vw;
    height: 7.292vw;
    /*position: relative;*/
}

.rive {
    display: flex;
    flex-wrap: wrap;
    gap: 0.885vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.rive .canvas-bx{
    background: #98F4A2;
    width: 0.417vw;
    height: 0.885vw;
    border-radius: 1.563vw;
}


/* TIME LINE CASE STUDIES SECTION START */

.timeline-case-flex-row{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 7.292vw;
    position: relative;
}

.timeline-case-col-6{
    width: 16.66667%;
}

.timeline-case-info {
    margin: 0;
    padding: 0 2.24vw;
    text-align: center;
}

.timeline-case-info h6{
    color: #A6A6A6;
    font-size: 0.729vw;
    line-height: 130%;
    letter-spacing: 0.033vw;
    font-weight: 600;
    font-family: 'Urbanist', sans-serif;
    margin: 0;
    padding: 0 0;
    position: relative;
}
.dots-time{
    width: 1.458vw;
    height: 1.458vw;
    background: #000;
    padding:0;
    position: relative;
    margin: 0.625vw auto;
}
.dots-time::before {
    content: "";
    width: 1.146vw;
    height: 1.146vw;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    border: 0.208vw #262626 solid;
}
.dots-time::after {
    content: "";
    width: 0.521vw;
    height: 0.521vw;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #fff;
}
.timeline-case-info h3 {
    color: #fff;
    font-size: 0.833vw;
    line-height: 140%;
    letter-spacing: 0.033vw;
    font-weight: 800;
    font-family: 'Urbanist', sans-serif;
    margin: 0 0 0.521vw;
    padding: 0;
    text-transform: uppercase;
}
.timeline-case-info p {
    color: #fff;
    font-size: 0.833vw;
    line-height: 140%;
    letter-spacing: 0.033vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 500;
}

.time0line-bdr {
    position: absolute;
    top: 2.292vw;
    left: -3.125vw;
    right: -3.125vw;
    background: rgba(255, 255, 255, 0.15);
    height: 0.104vw;
}
.time0line-bdr:before {
    content: "";
    background: #000;
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(237, 221, 83, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4%;
}
.time0line-bdr:after {
    content: "";
    background: #000;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 4%;
}

/* TIME LINE CASE STUDIES SECTION END */

.timeline-ul-list-left .timeline-case-info {
    padding: 0 1.24vw;
    text-align: left;
}
.timeline-ul-list-left .dots-time {
    margin-left: 0;
    margin-right: 0;
}
.timeline-case-info ul li {
    color: #fff;
    font-size: 0.833vw;
    line-height: 140%;
    letter-spacing: 0.033vw;
    font-family: 'Urbanist', sans-serif;
    font-weight: 500;
    list-style-position: inside;
}
.timeline-case-info ul li {
    list-style-position: unset;
}

.two-point-logo.two-point-logo-20years {
    width: auto;
    margin: auto;
}
.two-point-logo.two-point-logo-20years a span {
    font-weight: 800;
    font-size: 0.73vw;
    line-height: 0.89vw;
    letter-spacing: 0.12em;
    font-family: 'Urbanist', sans-serif;
    display: block;
    position: relative;
}
.two-point-logo.two-point-logo-20years a span:first-child {
    text-align: left;
    margin-bottom: -0.52vw;
}
.two-point-logo.two-point-logo-20years a span:last-child {
    text-align: right;
    right: 1.56vw;
}