* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    cursor: none
}

:root {
    --font-primary: "Lato", sans-serif;
    --h2-font-size: 130px;
    --section-top-gap: 50px;
    --section-bottom-gap: 50px
}

html {
    scroll-behavior: smooth
}

body {
    cursor: none
}

.custom-cursor {
    position: fixed;
    width: 32px;
    height: 32px;
    background: url("/assets/images/ball-icon.png") center/contain no-repeat;
    pointer-events: none;
    transform: translate(-50%, -50%) scale(1);
    z-index: 9999999;
    transition: transform 0.2s ease
}

.custom-cursor.pointer {
    transform: translate(-50%, -50%) scale(1.7);
    background: url("../assets/images/ball-icon-hover.png") center/contain no-repeat
}

.header-inner .logo-cnt img {
    object-fit: cover;
    max-height: 90px;
    width: 100%
}

section.tabber_sec .website-header.content-header {
    width: 100%;
}


.nav-menu {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.4s ease;
}

.nav-menu.active {
    max-height: 500px
}

.nav-container .nav-toggle {
    padding: 21px 15px;
    font-size: 16px;
    line-height: 18px;
    background-color: #09ff67;
    border-radius: 20px;
    color: #000;
    font-weight: bold;
    max-width: 129px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end
}

.nav-container .nav-menu>ul {
    background-color: #09ff67;
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 0;
    min-width: 150px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 250px
}

.nav-container .nav-menu>ul>li {
    padding: 21px 15px;
    font-size: 16px;
    line-height: 18px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.14)
}

.nav-container {
    position: relative
}

.nav-container .nav-menu {
    position: absolute;
    z-index: 99;
    left: -121px;
    top: 49px;
    transition: all 0.3s ease
}

.nav-container .nav-menu>ul>li>a {
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    color: #000
}

.page-center {
    max-width: 1434px;
    margin: 0 auto;
    padding-left: 60px;
    padding-right: 60px
}

.full-width {
    max-width: 100%
}

body {
    background-color: #000;
    color: #fff;
    font-family: var(--font-primary)
}

.primary-btn {
    min-height: 44px;
    background-color: #fff;
    border-radius: 8px;
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 13px 47px 13px 47px;
    transition: all 0.3s ease;
    text-decoration: none
}

.primary-btn:hover {
    background-color: #09ff67
}

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

.header .page-center,
.footer .page-center {
    padding: 0 100px;
    max-width: 100%
}

.header-inner .logo {
    position: relative;
    display: inline-block
}

.header-inner .logo img {
    display: block;
    transition: opacity 0.1s ease
}

.header-inner .logo-hov {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.header-inner .logo:hover .logo-hov {
    opacity: 1
}

.header-inner .logo:hover .logo-default {
    opacity: 0
}

.connect .box {
    display: flex;
    align-items: center
}

.connect .box .arrow {
    width: 37px;
    height: 37px;
    background-color: green;
    border-radius: 50%;
    margin-left: 20px
}

.connect .box .arrow img {
    width: 100%
}

.header {
    padding-top: 30px;
    padding-bottom: 33px
}

.menu-item {
    border-radius: 8px;
    padding-left: 43px;
    padding-right: 43px;
    padding-top: 5px;
    padding-bottom: 0px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    min-height: 50px
}

.menu-item>ul {
    list-style: none;
    display: flex;
    justify-content: space-between
}

.menu-item>ul>li>a {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.88888888889;
    padding-bottom: 6px;
    color: #fff;
    text-decoration: none
}

.menu-item>ul>li:first-child {
    margin-left: 0;
    margin-right: 15px
}

.menu-item>ul>li {
    margin-left: 15px;
    margin-right: 15px
}

.menu-item>ul>li:last-child {
    margin-right: 0;
    margin-left: 15px
}

.rolling-gif.f-last {
    overflow: hidden;
    padding: 100px 0 20px
}

.rolling-gif .gif-foot {
    position: relative;
    display: flex;
    align-items: center
}

.rolling-gif .gif-foot .text {
    height: 180px;
    width: 100%
}

.footer .footer-inner .left .logo-cnt img {
    object-fit: cover;
    max-height: 110px;
    width: 100%
}

.footer .logo {
    position: relative;
    display: inline-block
}

.footer .logo img {
    display: block;
    transition: opacity 0.1s ease
}

.footer .logo-hov {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.footer .logo:hover .logo-hov {
    opacity: 1
}

.footer .logo:hover .logo-default {
    opacity: 0
}

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

.footer-inner .left .social-share ul {
    list-style: none;
    display: flex;
    align-items: center
}

.footer-inner .left .social-share ul>li>a {
    font-size: 20px;
    line-height: 167%;
    font-weight: 400;
    margin-right: 10px;
    color: #fff;
    text-decoration: none
}

.footer-inner .left .social-share ul>li {
    margin-left: 15px;
    margin-right: 15px;
    display: flex;
    align-items: center
}

.footer-inner .left .social-share ul>li:first-child {
    margin-left: 0px
}

.footer-inner .left .social-share ul>li:last-child {
    margin-right: 0px
}

.footer-inner .left .social-share ul>li img {
    width: 18px
}

.footer-inner .left .social-share {
    margin-bottom: 80px
}

.footer-inner .left .privacy-info {
    margin-bottom: 80px
}

.footer-inner .privacy-info ul {
    list-style: none;
    display: flex
}

.footer-inner .privacy-info ul>li {
    margin-left: 15px;
    margin-right: 15px
}

.footer-inner .privacy-info ul>li:first-child {
    margin-left: 0
}

.footer-inner .privacy-info ul>li:last-child {
    margin-right: 0
}

.footer-inner .privacy-info ul>li>a {
    font-size: 20px;
    line-height: 167%;
    font-weight: 400;
    color: #fff;
    text-decoration: none
}

.footer-inner .left .about-cmp p {
    font-size: 20px;
    line-height: 113.8%
}

.footer-inner .right .company-email p {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    line-height: 167%
}

.footer-inner .right .company-email p a {
    line-height: 167%;
    color: #fff;
    text-decoration: none
}

.footer-inner .right .newsletter a.foot-btn {
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    text-decoration: none
}

.footer-inner .area-of-op {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    row-gap: 50px;
    column-gap: 80px
}

.footer .logo-cnt {
    margin-bottom: 50px
}

.footer-inner .area-of-op .left {
    display: flex;
    align-items: flex-end
}

.footer-inner .area-of-op .left .title {
    margin-right: 10px
}

.footer-inner .area-of-op .left .sectors ul {
    list-style: none;
    display: flex
}

.footer-inner .area-of-op .left .sectors ul>li {
    margin-left: 10px;
    margin-right: 10px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 8px;
    padding: 5px
}

.footer-inner .area-of-op .left .sectors ul>li:first-child {
    margin-left: 0
}

.footer-inner .area-of-op .left .sectors ul>li:last-child {
    margin-right: 0
}

.footer-inner .area-of-op .left .sectors ul>li>a {
    font-size: 14px;
    line-height: 1;
    font-weight: bold;
    color: #fff;
    text-decoration: none
}

.footer-inner .area-of-op .left .title p {
    font-size: 20px;
    line-height: 167%
}

.footer .footer-inner .area-of-op .right {
    text-align: right;
    margin-left: 30px;
    display: none
}

.footer .footer-inner .right .company-email {
    text-align: left
}

.footer .footer-inner .right .newsletter {
    text-align: right
}

.menu-item>ul>li.active>a {
    color: #09ff67;
    border-bottom: 3px solid #09ff67
}

.footer .footer-inner .area-of-op .right img {
    width: 106px;
    height: 127px
}

.bnr-sec {
    overflow: clip;
    position: relative;
    padding-top: 100px;
    padding-bottom: 50px
}

.bnr-sec .page-center {
    max-width: 100%;
    padding-left: 100px;
    padding-right: 100px
}

.bnr-sec .bnr-inner {
    display: flex;
    justify-content: space-between
}

.bnr-sec .bnr-head h1 {
    font-size: 130px;
    line-height: 1.11538461538;
    padding: 0
}

.bnr-sec .bnr-head h1 .green {
    color: #09ff67
}

.bnr-sec .bnr-inner .ball-anm {
    position: absolute;
    top: 4%;
    z-index: -1;
    right: -11%
}

.guess-sec .sec-head h2:hover {
    color: #3157ff
}

.bnr-sec .bnr-inner .ball-anm img {
    object-fit: cover;
    max-width: 70%
}

.brand-tag {
    padding-top: var(--section-top-gap);
    padding-bottom: var(--section-bottom-gap)
}

.brand-tag .page-center {
    max-width: 100%;
    padding-left: 100px;
    padding-right: 100px
}

.brand-tag .brand-head h2 {
    font-size: var(--h2-font-size);
    text-transform: uppercase;
    line-height: 145px;
    font-weight: bold;
    transition: all 0.3s ease
}

.footer {
    padding-top: 66px;
    padding-bottom: 66px
}

.bnr-sec .success-box .success-cnt {
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    padding: 32px 25px;
    margin-bottom: 117px;
    transition: all 0.3s ease
}

.success-box .success-cnt .one {
    margin-bottom: 50px
}

.success-box .success-cnt .one p {
    font-weight: 300;
    font-size: 20px;
    line-height: 1.5
}

.success-box .success-cnt .text {
    margin-bottom: 50px
}

.success-box .success-cnt .text h4 {
    text-align: right;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 20px;
    line-height: 1.5
}

.success-box .success-cnt .count p {
    font-weight: bold;
    font-size: 24px;
    line-height: 24px
}

.bnr-sec .success-box .success-cnt:hover {
    background-color: #09ff57
}

.success-box .success-cnt:hover .one p {
    color: #000
}

.success-box .success-cnt:hover .text h4 {
    color: #000
}

.success-box .success-cnt:hover .count p {
    color: #000
}

.bnr-sec .success-box .success-cnt:hover {
    border-color: #09ff67
}

.bnr-sec .success-box .connect a.primary-btn:hover {
    background-color: #09ff67
}

.brand-tag .brand-head h2:hover {
    color: #3157ff;
    cursor: default
}

.clients-say {
    position: relative;
    padding-bottom: var(--section-bottom-gap);
    overflow: clip
}

.clients-say .page-center {
    max-width: 100%;
    padding-left: 100px;
    padding-right: 100px
}

.clients-say .sec-head {
    margin-bottom: 100px
}

.clients-say .client-cards {
    display: flex;
    gap: 24px;
    align-items: stretch
}

.clients-say .client-cards .card-item {
    width: calc(20%);
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    margin-left: 15px;
    margin-right: 15px
}

.clients-say .card-item .card-inner {
    padding: 44px 26px;
    height: 100%
}

.clients-say .client-cards .card-item:first-child {
    margin-left: 0
}

.clients-say .client-cards .card-item:last-child {
    margin-right: 0
}

.card-item .card-inner .client-img {
    margin-bottom: 34px
}

.card-item .card-inner .client-test {
    margin-bottom: 7px
}

.tabber_sec .grid-item.img-col:hover .hov-img {
    transform: none;
}

.card-item .card-inner .client-test p {
    font-weight: 400;
    font-size: 16px;
    line-height: 31px;
    letter-spacing: 0
}

.card-item .client-det .client-name h5 {
    font-size: 18px;
    line-height: 1.875;
    font-weight: bold
}

.card-item .client-det .client-des h5 {
    font-weight: bold;
    font-size: 18px;
    line-height: 1.875
}

.clients-say .card-item:hover .card-inner {
    background-color: #fb302f;
    border-radius: 8px
}

.clients-say .sec-head h2 {
    font-size: var(--h2-font-size);
    text-transform: uppercase;
    line-height: 145px;
    font-weight: bold;
    transition: all 0.3s ease
}

.card-item .card-inner .client-img img {
    max-width: 182px
}

.clients-say .sec-head h2:hover {
    color: #fb302f;
    cursor: default
}

.clients-say .ball-anm {
    position: absolute;
    bottom: -10%;
    z-index: -1;
    right: -30%
}

.rolling-gif {
    position: relative;
    overflow: clip
}

.rolling-gif .gif-cnt img {
    height: 460px;
    object-fit: cover;
    width: 100%
}

.our-work {
    overflow: clip;
    padding-top: 50px;
    padding-bottom: 50px
}

.our-work .page-center {
    max-width: 100%;
    padding-left: 100px;
    padding-right: 100px
}

.our-work .work-inner {
    display: flex;
    justify-content: space-between
}

.our-work .sec-head {
    margin-bottom: 0px
}

.our-work .sec-head h2 {
    font-size: 130px;
    font-weight: bold;
    line-height: 145px;
    transition: all 0.3s ease
}

.our-work .page-center {
    position: relative
}

.our-work .page-center .ball-anm {
    position: absolute;
    top: -10%;
    z-index: -1;
    max-width: 400px;
    left: 26%
}

.our-work .page-center .ball-anm img {
    max-width: 100%
}

.our-work .sec-head {
    position: relative;
    margin-bottom: 100px
}

.our-work .about-wrk {
    position: sticky;
    top: 30px
}

.our-work .about-wrk .right h3 {
    font-size: 105px;
    line-height: 1.2px;
    color: #09ff67;
    margin-right: 0px
}

.our-work .text-sec-out .text-sec {
    height: 100%
}

.our-work .about-wrk .left h3 {
    font-size: 70px;
    line-height: 1.5;
    color: #fff
}

.our-work .about-wrk p {
    font-size: 18px;
    font-weight: 400;
    line-height: 154%
}

.our-work .about-wrk .ball-anm {
    position: absolute;
    top: 47%;
    z-index: -1;
    left: 10%
}

.our-work .about-wrk .ball-anm img {
    width: 600px
}

.our-work .work-inner .text-sec {
    position: relative
}

.our-work .work-inner .connect a.primary-btn {
    padding-left: 25px;
    padding-right: 25px
}

.text-sec-out {
    position: relative
}

.our-work .work-inner .image-sec {
    position: relative
}

.our-work .work-inner .image-sec .text-on-img {
    position: absolute;
    bottom: 0;
    z-index: 99;
    top: 50%;
    left: 10%;
    opacity: 0
}

.our-work .work-inner .image-sec .text-on-img h3 {
    font-size: 50px;
    font-weight: bold;
    line-height: 1.61111111111
}

.our-work .work-inner .image-sec img:hover+.text-on-img {
    opacity: 1
}

.our-work .work-inner .image-sec #card_5 .text-on-img {
    top: 60%
}

.who-we-are .page-center {
    max-width: 100%;
    padding-left: 100px;
    padding-right: 100px
}

.who-we-are .we-are-inner {
    display: flex;
    justify-content: space-between;
    gap: 100px
}

.who-we-are {
    padding-top: 100px;
    padding-bottom: 50px
}

.who-we-are .we-are-inner .left-col {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%
}

.who-we-are .we-are-inner .left-col .ball-anm {
    position: absolute;
    z-index: -1;
    top: 0%;
    right: 0%
}

.who-we-are .left-col .ball-anm img {
    width: 400px
}

.who-we-are .left-col .sec-head h2 {
    font-size: 130px;
    font-weight: bold;
    transition: all 0.3s ease
}

.who-we-are .left-col .about-us {
    max-width: 750px;
    margin-top: 24px
}

.who-we-are .left-col .about-us p {
    font-size: 24px;
    line-height: 160%;
    line-height: 1.2;
    font-weight: 400
}

.who-we-are .left-col .about-us p:last-child {
    margin-top: 16px
}

.who-we-are .we-are-inner .right-col {
    display: flex;
    width: 50%
}

.who-we-are .right-col .about-det {
    display: flex;
    flex-direction: column;
    column-gap: 50px;
    row-gap: 28px
}

.who-we-are .right-col .about-det .item {
    display: flex;
    justify-content: space-between;
    padding-bottom: 34px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14)
}

.who-we-are .right-col .about-det .item:last-child {
    border: none
}

.who-we-are .right-col .item .num {
    margin-right: 33px;
    order: 1
}

.who-we-are .right-col .item .num p {
    font-size: 30px;
    line-height: 1.5;
    font-weight: bold
}

.who-we-are .right-col .item .feat-img {
    margin-right: 33px;
    position: relative;
    order: 2
}

.who-we-are .right-col .item:last-child .feat-img {
    margin-left: -35px
}

.who-we-are .right-col .item .img-col {
    position: relative;
    overflow: hidden
}

.who-we-are .right-col .item .img-col img {
    width: 100%;
    display: block;
    border-radius: 8px
}

.who-we-are .right-col .item .img-col::after {
    content: "";
    position: absolute;
    inset: 0;
    background: red;
    mix-blend-mode: multiply;
    opacity: 0.8;
    transition: opacity 0.3s ease
}

.who-we-are .right-col .item .img-col:hover::after {
    opacity: 0
}

.who-we-are .right-col .item .feat-img .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fb302f;
    opacity: 0.5
}

.who-we-are .right-col .item .feat-img img {
    max-width: 285px;
    border-radius: 8px
}

.who-we-are .right-col .item .our-feat {
    display: flex;
    align-items: center;
    text-align: right;
    margin-right: 0px;
    margin-left: 20px;
    order: 4
}

.who-we-are .right-col .item .our-feat p {
    font-weight: 300;
    font-size: 32px;
    line-height: 36px
}

.who-we-are .right-col .item .feat-count {
    display: flex;
    align-items: center;
    order: 3
}

.who-we-are .right-col .item .feat-count p {
    font-weight: bold;
    color: #fb302f;
    font-size: 38px;
    line-height: 1
}

.who-we-are .left-col .sec-head h2 .red {
    color: #fb302f
}

.smart-sec {
    margin-top: 0px;
    position: relative;
    z-index: 99;
    padding-bottom: 200px
}

.smart-sec .page-center {
    max-width: 100%;
    padding-left: 10;
    padding-left: 100px;
    padding-right: 100px
}

.smart-sec .smart-inner {
    display: flex;
    justify-content: space-between
}

.smart-sec .smart-inner .sec-head h2 {
    font-size: 100px;
    text-transform: uppercase;
    transition: all 0.3s ease
}

.smart-sec .smart-inner .phone-gif {
    position: absolute;
    z-index: -1;
    top: -18%;
    left: 30%
}

.smart-sec .smart-inner .sec-text {
    display: flex;
    align-items: center;
    align-items: center;
    max-width: 170px
}

.smart-sec .smart-inner .sec-text p {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    transition: all 0.3s ease
}

.smart-sec .smart-inner .phone-gif img {
    max-width: 100%
}

.smart-sec .smart-inner .sec-head h2:hover {
    color: #09ff67
}

.smart-sec .smart-inner .sec-text p:hover {
    color: #09ff57
}

.rolling-gif.surf-waves {
    padding-top: 0px
}

.what-we-do-sec .what-we-do-inner {
    position: relative
}

.what-we-do-sec .what-we-do-inner .ball-anm {
    position: absolute;
    left: -5%
}

.what-we-do-sec .what-we-do-inner .ball-anm img {
    max-width: 600px
}

.surf-waves-sec {
    position: relative
}

.surf-waves-sec .page-center {
    max-width: 100%;
    padding-left: 100px;
    padding-right: 100px
}

.surf-waves-sec .surf-wave-inner {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.surf-waves-sec .sec-head h2 {
    font-size: 130px;
    text-transform: uppercase;
    transition: all 0.3s ease
}

.surf-waves-sec .sec-head h2:hover {
    color: #09ff67
}

.surf-waves-sec .ball-anm {
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 15%
}

.surf-waves-sec .ball-anm img {
    max-width: 100%
}

.guess-sec {
    overflow: hidden;
    position: relative
}

.guess-sec .page-center {
    max-width: 100%;
    padding-left: 100px;
    padding-right: 100px
}

.guess-sec .page-center .guess-inner {
    display: flex;
    justify-content: space-between
}

.guess-sec .sec-head h2 {
    font-size: 130px;
    text-transform: uppercase;
    line-height: 1.11538461538;
    transition: all 0.3s ease
}

.guess-sec .ball-anm {
    position: absolute;
    top: 10%;
    left: 60%;
    z-index: -1
}

.our-work .work-inner .connect a.primary-btn:hover {
    background-color: #09ff57
}

.why-us {
    padding-top: 200px
}

.why-us .page-center {
    max-width: 100%;
    padding-left: 100px;
    padding-right: 100px
}

.why-us .items {
    display: flex
}

.why-us .items .left .sec-head h2 {
    font-size: 130px;
    transition: all 0.3s ease
}

.why-us .items .left {
    position: relative;
    width: 40%
}

.why-us .items .left .ball-anm {
    position: absolute;
    top: 3%;
    right: 10%;
    z-index: -1
}

.why-us .items .right {
    width: 60%
}

.why-us .items .left .ball-anm img {
    max-width: 400px
}

.why-us .items .img-col {
    position: relative;
    display: inline-block
}

.why-us .items .img-col img {
    display: block;
    transition: opacity 0.3s ease
}

.why-us .items .hov-img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.why-us .items .img-col:hover .hov-img {
    opacity: 1
}

.why-us .items .img-col:hover .def-img {
    opacity: 0
}

.why-us .items .right .item {
    display: flex;
    column-gap: 100px;
    margin-bottom: 150px
}

.why-us .items .right .item .text-col {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.why-us .right .item .text-col h5 {
    font-size: 20px;
    margin-bottom: 32px;
    font-weight: 300;
    transition: all o
        /**/
        .3s ease
}

.why-us .right .item .text-col h5.green {
    color: #09ff67
}

.why-us .right .item .text-col h5.red {
    color: #fb302f
}

.why-us .right .item .text-col h5.blue {
    color: #3157ff
}

.why-us .right .item .text-col h5.green+h4:hover {
    color: #09ff67
}

.why-us .right .item .text-col h5.red+h4:hover {
    color: #fb302f
}

.why-us .right .item .text-col h5.blue+h4:hover {
    color: #3157ff
}

.why-us .right .item .text-col h5.red+h4,
.why-us .right .item .text-col h5.blue+h4,
.why-us .right .item .text-col h5.green+h4 {
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 35px;
    transition: all 0.3s ease
}

.why-us .right .item .text-col p {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.5
}

.why-us .items .left .sec-head {
    position: sticky;
    top: 50px
}

.what-we-do-sec .image-text-col .img-col {
    position: relative;
    display: inline-block
}

.what-we-do-sec .image-text-col .img-col img {
    display: block;
    transition: opacity 0.3s ease
}

.what-we-do-sec .image-text-col .hov-img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.what-we-do-sec .image-text-col .img-col:hover .hov-img {
    opacity: 1
}

.what-we-do-sec .image-text-col .img-col:hover .def-img {
    opacity: 0
}

.what-we-do-sec .page-center {
    max-width: 100%;
    padding-left: 100px;
    padding-right: 100px
}

.what-we-do-sec .what-we-do-inner {
    display: flex;
    justify-content: space-around;
    justify-content: space-between;
    column-gap: 30px
}

.what-we-do-sec .what-we-do-inner .sec-head h2 {
    font-size: 130px;
    line-height: 1.11538461538;
    font-weight: bold;
    transition: all 0.3s ease
}

.what-we-do-sec .what-we-do-inner .sec-head h2:hover {
    color: #fb302f
}

.what-we-do-sec .image-text-col p {
    font-weight: bold;
    margin-bottom: 30px;
    text-align: left;
    font-size: 40px;
    color: #fb302f
}

.what-we-do-sec .text-col {
    max-width: 340px
}

.what-we-do-sec .text-col p {
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 30px
}

.what-we-do-sec .text-col .connect a.red-btn:hover {
    background-color: #fb302f;
    color: #fff
}

.what-we-do-sec {
    padding-bottom: 50px
}

.our-work .work-inner .img-col {
    position: relative;
    display: inline-block
}

.our-work .work-inner .img-col img {
    display: block;
    transition: opacity 0.3s ease
}

.our-work .work-inner .img-col .hov-img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.our-work .work-inner .img-col:hover .hov-img {
    opacity: 1
}

.our-work .work-inner .img-col:hover .def-img {
    opacity: 0
}

.our-work .work-inner .img-col:hover+.text-on-img {
    opacity: 1;
    color: #fff;
    transition: all 0.3s ease-in-out
}

.our-work .about-wrk .text-cnt {
    display: flex;
    align-items: center;
    margin-bottom: 100px
}

.why-us-new {
    padding-top: 50px;
    padding-bottom: 50px
}

.why-us-new .page-center {
    max-width: 100%;
    padding-left: 100px;
    padding-right: 100px
}

.why-us-new .sec-head {
    margin-bottom: 140px;
    position: relative
}

.why-us-new .sec-head h2 {
    font-size: 130px;
    font-weight: bold;
    line-height: 1.11538461538
}

.why-us-new .why-us-cnt {
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.why-us-new .sec-head .ball-anm {
    position: absolute;
    left: 27%;
    top: -13%;
    max-width: 400px;
    z-index: -1
}

.why-us-new .sec-head .ball-anm img {
    max-width: 100%
}

.why-us-new .why-us-cnt>.top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 23px
}

.why-us-new .why-us-cnt .top>.left {
    border: 1px solid rgba(255, 255, 255, 0.45);
    border-radius: 8px
}

.why-us-new .why-us-cnt .top .right>div {
    border: 1px solid rgba(255, 255, 255, 0.45);
    border-radius: 8px
}

.why-us-new .why-us-cnt .top>.left {
    width: 58%;
    margin-right: 20px
}

.why-us-new .why-us-cnt .top>.right {
    width: 42%
}

.why-us-new .top .left .item {
    padding: 22px 50px;
    display: flex;
    align-items: center;
    column-gap: 60px;
    height: 100%
}

.why-us-new .top .left .item .gif {
    max-width: 100%;
    height: 100%
}

.why-us-new .top .left .item .gif img {
    max-width: 100%;
    height: 100%
}

.why-us-new .top .left .item .text h3 {
    font-size: 90px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #fb302f
}

.why-us-new .top .left .item .text h5 {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 0px;
    color: #fff;
    text-transform: capitalize
}

.why-us-new .top .left .item .text h5:last-child {
    display: flex;
    justify-content: flex-end
}

.why-us-new .top .left .item .text p {
    font-size: 20px;
    font-weight: 300;
    line-height: 130%
}

.why-us-new .top .right .gif-sec {
    max-width: 200px;
    max-height: 200px
}

.why-us-new .top .right .gif-sec img {
    max-width: 100%
}

.why-us-new .why-us-cnt .top .right .item-one {
    padding: 22px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
    height: 60%
}

.why-us-new .top .right .cnt-sec h3 {
    font-size: 90px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px;
    color: #3157ff
}

.why-us-new .top .right .cnt-sec h5 {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 0px;
    color: #fff;
    text-transform: capitalize
}

.why-us-new .top .right .item-two {
    padding: 30px 20px;
    display: flex;
    align-items: center;
    gap: 45px;
    height: 33%
}

.why-us-new .top .right .cnt-sec .text-with-img {
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.why-us-new .top .right .cnt-sec .text-with-img .gif {
    max-width: 200px;
    max-height: 100px
}

.why-us-new .top .right .cnt-sec .text-with-img .gif img {
    max-width: 100%
}

.why-us-new .top .right .cnt-sec .text-with-img h5 {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end
}

.why-us-new .top .right .cnt-sec>h5 {
    margin-bottom: 0px
}

.why-us-new .top .right .item-two .text p {
    font-weight: 400;
    font-size: 28px;
    line-height: 1
}

.why-us-new .why-us-cnt .bottom {
    display: flex;
    flex-direction: row-reverse;
    column-gap: 20px
}

.why-us-new .why-us-cnt .bottom>div {
    border: 1px solid rgba(255, 255, 255, 0.45);
    border-radius: 8px
}

.why-us-new .why-us-cnt .bottom .left {
    width: 55%;
    display: flex;
    align-items: center;
    justify-content: center
}

.why-us-new .why-us-cnt .bottom .right {
    width: 55%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    gap: 20px
}

.why-us-new .why-us-cnt .bottom .left .left-inner {
    padding: 20px 50px
}

.why-us-new .why-us-cnt .bottom .left .left-inner .top {
    display: flex;
    gap: 30px;
    flex-direction: column
}

.why-us-new .bottom .left .btm h3 {
    font-size: 90px;
    line-height: 120%;
    margin-bottom: 0px;
    color: #3157ff
}

.why-us-new .bottom .left .btm h5 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 18px;
    color: #3157ff
}

.why-us-new .bottom .right .gif {
    max-width: 580px;
    height: 100%
}

.why-us-new .bottom .right .gif img {
    border-radius: 8px;
    height: 100%;
    max-width: 330px;
    max-height: 320px
}

.why-us-new .bottom .right .text_gif img {
    max-width: 200px
}

.why-us-new .bottom .right .text h3 {
    font-size: 90px;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 10px;
    color: #fff;
    padding-left: 10px
}

.why-us-new .bottom .right .text h5 {
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 18px;
    color: #ffca37
}

.why-us-new .bottom .right .text .text_gif video.thousand {
    height: 85px
}

.why-us-new .bottom .right .text {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 18px
}

.why-us-new .why-us-cnt .bottom .left .left-inner .cnt h5 {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 0px;
    color: #fff;
    text-transform: capitalize
}

.why-us-new .why-us-cnt .bottom .left .left-inner .cnt:last-child h5 {
    text-align: right
}

.why-us-new .top .right .item-two .img-sec {
    max-width: 170px
}

.why-us-new .top .right .item-two .img-sec img {
    max-width: 100%
}

.why-us-new .top .right .item-two .right h5 {
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    text-transform: capitalize
}

.why-us-new .bottom .right .text h3 {
    font-size: 60px;
    text-transform: capitalize
}

.unforgetable {
    padding-top: 50px;
    min-height: 907px;
    background-image: url("../assets/images/Footerblocks.jpg");
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

.unforgetable .page-center {
    max-width: 100%;
    padding-left: 100px;
    padding-right: 100px
}

.unforgetable .sec-inner .sec-text h2 {
    font-size: 130px;
    line-height: 145px;
    font-weight: bold;
    text-align: center
}

.outcome {
    background-image: url("../assets/images/digital_city.gif");
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
    margin-bottom: 50px;
    position: relative;
    background-size: cover;
    background-position: center center;
    padding: 90px 0
}

.outcome .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5
}

.outcome .page-center {
    padding-left: 100px;
    padding-right: 100px;
    max-width: 100%
}

.outcome .inner h2 {
    font-size: 85px;
    text-align: center;
    line-height: 113px;
    position: relative
}

.outcome .inner h2:first-child {
    margin-bottom: 40px;
    color: #00ff2c
}

.outcome .inner h2 span {
    color: #00ff2c
}

.why-us-new .bottom .left .arrow-img {
    max-height: 350px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto
}

.why-us-new .bottom .left .arrow-img img {
    max-width: 100%
}

.why-us-new .top .right .item-two .text h5 {
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 10px;
    color: #09ff67
}

.why-us-new .top .right .item-two .text h4 {
    font-size: 24px;
    font-weight: 700;
    color: #09ff67
}

.future-sec {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 1000px;
    background-image: url("../assets/images/balls.gif");
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 50px
}

.future-sec .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.14
}

.future-sec .future-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.future-sec .future-inner h3 {
    text-align: center;
    line-height: 1.22222222222;
    font-size: 90px;
    font-weight: bold;
    margin-bottom: 70px;
    position: relative;
    color: #fff
}

.future-sec .future-inner p {
    color: #fff;
    position: relative;
    font-size: 42px;
    font-weight: 400;
    text-align: center;
    line-height: 1.69047619048
}

.future-sec .future-inner p span {
    font-weight: 700
}

.why-us-new .top .right .item-two .text {
    display: flex;
    gap: 20px;
    align-items: center
}

.why-us-new .top .right .item-two .left h4 {
    font-size: 28px;
    line-height: 1;
    font-weight: 400
}

.why-us-new .top .right .item-two .right h5 {
    font-size: 90px;
    line-height: 120%;
    margin: 0
}

.why-us-new .top .right .item-two .right h4 {
    font-size: 28px;
    line-height: 1;
    font-weight: 400
}

.why-us-new .top .right .item-two .right h5 {
    font-size: 28px;
    font-weight: bold;
    color: #fff
}

.why-us-new .top .right .item-two {
    padding: 20px
}

.why-us-new .bottom .left .left-col h5 {
    margin: 0;
    font-size: 28px;
    font-weight: 400
}

.why-us-new .bottom .left .btm {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px
}

.why-us-new .bottom .left .right-col h5 {
    font-size: 28px;
    font-weight: 400;
    margin: 0
}

.why-us-new .bottom .right .text h5 {
    font-size: 28px;
    line-height: 1;
    line-height: 121%
}

.what_client_say .ball-anm img {
    width: 100%
}

.partner-section {
    width: 100%;
    overflow: hidden;
    background: #fff;
    padding: 40px 0;
    position: relative
}

.partner-track {
    display: flex;
    align-items: center;
    width: max-content;
    will-change: transform
}

.partner-item {
    flex: 0 0 auto;
    width: 180px;
    margin: 0 40px
}

.partner-item img {
    width: 100%;
    height: 80px;
    object-fit: cover;
    filter: grayscale(100%);
    transition: 0.3s ease
}

.partner-item img:hover {
    filter: grayscale(0%);
    transform: scale(1.1)
}

.header-inner a:link,
.header-inner a:visited {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s
}

.header-inner .center {
    display: flex;
    align-items: center;
    justify-content: center
}

.header-inner .overlay {
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
    width: 25%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.98)
}

.header-inner .overlay-slide-right {
    transition: all 0.4s ease-in-out;
    transform: translateX(0)
}

.header-inner .overlay-slide-left {
    transition: all 0.8s ease-in-out;
    transform: translateX(-100%)
}

.header-inner nav ul {
    height: 100vh;
    height: 100svh;
    list-style: none
}

.header-inner nav ul li {
    height: 16%
}

.header-inner nav li a {
    letter-spacing: 0.4rem;
    font-size: 2rem
}

.header-inner nav li a:hover,
.header-inner nav li a:active {
    transform: scale(1.2)
}

.header-inner .slide-in-1 {
    animation: slide-in 0.4s linear 0.2s both
}

.header-inner .slide-in-2 {
    animation: slide-in 0.4s linear 0.4s both
}

.header-inner .slide-in-3 {
    animation: slide-in 0.4s linear 0.6s both
}

.header-inner .slide-in-4 {
    animation: slide-in 0.4s linear 0.8s both
}

.header-inner .slide-in-5 {
    animation: slide-in 0.4s linear 1s both
}

.header-inner .slide-in-6 {
    animation: slide-in 0.4s linear 1.2s both
}

@keyframes slide-in {
    from {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(0)
    }
}

.header-inner .slide-out-1 {
    animation: slide-out 0.3s linear 0.6s both
}

.header-inner .slide-out-2 {
    animation: slide-out 0.3s linear 0.5s both
}

.header-inner .slide-out-3 {
    animation: slide-out 0.3s linear 0.4s both
}

.header-inner .slide-out-4 {
    animation: slide-out 0.3s linear 0.3s both
}

.header-inner .slide-out-5 {
    animation: slide-out 0.3s linear 0.2s both
}

.header-inner .slide-out-6 {
    animation: slide-out 0.3s linear 0.1s both
}

@keyframes slide-out {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

.header-inner .hamburger-menu {
    top: 1rem;
    z-index: 10
}

.header-inner .menu-bar1,
.header-inner .menu-bar2,
.header-inner .menu-bar3 {
    width: 3.5rem;
    height: 0.2rem;
    background-color: #fff;
    margin: 0.8rem 0;
    transition: 0.4s
}

.header-inner .menu-bar2 {
    width: 2rem;
    margin-left: auto
}

.header-inner .active .menu-bar1 {
    transform: rotate(-45deg) translate(-0.7rem, 0.8rem)
}

.header-inner .active .menu-bar2 {
    opacity: 0
}

.header-inner .active .menu-bar3 {
    transform: rotate(45deg) translate(-0.6rem, -0.8rem)
}

section.header-inner {
    width: 100%;
    height: 100vh;
    height: 100svh;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0.2rem;
    text-align: center;
    color: #fff
}

.logo {
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    font-size: 1.4rem;
    letter-spacing: 0.3rem
}

h1 {
    font-size: 3rem;
    padding: 0.5rem 1rem;
    padding-left: 0px;
    padding-right: 0px
}

@media (max-width:37em) {
    .hamburger-menu {
        top: 0.5rem;
        right: 1rem
    }

    .logo {
        top: 1rem;
        left: 1rem
    }

    h1 {
        font-size: 2rem
    }
}

@media (max-width:1200px) and (min-width:768px) {
    .what_client_say .client_left h2 {
        max-width: 50%
    }

    .what_client_say .ball-anm {
        bottom: 0%
    }

    section.what_client_say {
        overflow-x: clip
    }
}

@media (max-width:1200px) {
    .bnr-sec .bnr-head h1 {
        font-size: 80px;
        line-height: 1.2
    }

    .who-we-are .left-col .sec-head h2 {
        font-size: 80px;
        line-height: 90px
    }

    .smart-sec .smart-inner .sec-head h2 {
        font-size: 60px;
        line-height: 70px
    }

    .our-work .sec-head h2 {
        font-size: 80px;
        line-height: 90px;
        transition: all 0.3s ease
    }

    .clients-say .sec-head h2 {
        font-size: 80px;
        line-height: 90px;
        transition: all 0.3s ease
    }

    .brand-tag .brand-head h2 {
        font-size: 80px;
        line-height: 90px
    }

    .who-we-are .left-col .ball-anm img {
        width: 1074px;
        max-width: 100%
    }

    .who-we-are .we-are-inner .left-col .ball-anm {
        top: 0%
    }

    .header .page-center {
        padding: 0 50px
    }

    .bnr-sec .page-center {
        padding-left: 50px;
        padding-right: 50px
    }

    .who-we-are .page-center {
        padding-left: 50px;
        padding-right: 50px
    }

    .smart-sec .page-center {
        padding-left: 50px;
        padding-right: 50px
    }

    .our-work .page-center {
        padding-left: 50px;
        padding-right: 50px
    }

    .clients-say .page-center {
        padding-left: 50px;
        padding-right: 50px
    }

    .brand-tag .page-center {
        padding-left: 50px;
        padding-right: 50px
    }

    .footer .page-center {
        padding: 0 50px
    }
}

section.what_client_say {
    padding: 50px 0 100px 0px;
    overflow: hidden
}

section.why_client_say {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #262626;
    min-height: 100vh;
    overflow: hidden;
    padding: 100px 0 50px 0
}

section.what_client_say .page-center {
    max-width: 100%;
    padding-left: 100px;
    padding-right: 100px
}

.what_client_say .client_say_wrapr {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 50px
}

.what_client_say .client_left h2 {
    font-size: var(--h2-font-size);
    text-transform: uppercase;
    line-height: 145px;
    font-weight: bold
}

.what_client_say .client_left h2:hover {
    color: #09ff67
}

.what_client_say .client_left {
    width: 54%;
    position: relative
}

.what_client_say .client_right {
    width: 45%;
    position: relative;
    cursor: grab
}

.what_client_say .ball-anm {
    position: absolute;
    right: 8%;
    top: 0%;
    z-index: -1
}

.what_client_say .ball-anm img {
    max-width: 300px
}

.what_client_say .client_right .card_cont {
    display: flex;
    align-items: end;
    justify-content: center
}

.what_client_say .acrd_content {
    pointer-events: none
}

.what_client_say .acrd_content img.M_logo_img {
    width: 180px;
    margin-bottom: 0px
}

.what_client_say .next_btn {
    height: 100%;
    display: flex;
    align-items: end
}

.what_client_say .acrd_content span.titl_1 {
    margin: 20px 0;
    font-size: x-large
}

.what_client_say .client_right .bottom_cont img {
    width: 110px
}

.what_client_say .client_right .bottom_cont {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    margin-top: 20px
}

.what_client_say .client_right p.titl_1 span {
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 15px
}

.why_client_say .content {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 30px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0) 100%);
    backdrop-filter: blur(30px);
    border-radius: 20px;
    width: min(900px, 100%);
    box-shadow: 0 0.5px 0 1px rgba(255, 255, 255, 0.23) inset, 0 1px 0 0 rgba(255, 255, 255, 0.66) inset, 0 4px 16px rgba(0, 0, 0, 0.12);
    z-index: 10
}

.what_client_say .swiper {
    width: 700px;
    height: 500px
}

.what_client_say .swiper-slide {
    position: relative;
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    user-select: none;
    padding: 40px
}

.what_client_say .swiper-slide img {
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.what_client_say .img-position {
    object-position: 50% 0%
}

.what_client_say .swiper-wrapper .swiper-slide:nth-child(1) {
    background: #3157ff
}

.what_client_say .swiper-wrapper .swiper-slide:nth-child(2) {
    background: #41b041
}

.what_client_say .swiper-wrapper .swiper-slide:nth-child(3) {
    background: #fb302f
}

.what_client_say .swiper-wrapper .swiper-slide:nth-child(4) {
    background: #3157ff
}

.what_client_say .swiper-wrapper .swiper-slide:nth-child(5) {
    background: #41b041
}

.what_client_say .swiper-wrapper .swiper-slide:nth-child(6) {
    background: #fb302f
}

@media (max-width:750px) {
    .what_client_say .content {
        flex-direction: column-reverse
    }

    .what_client_say .btn {
        margin: 10px auto 40px
    }
}

.our-work .work-inner .img-col {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: background-image 0.3s ease;
    position: relative;
    border-radius: 10px
}

.card__content {
    width: 100%;
    height: 100%
}

.our-work .work-inner .card-item:hover .text-on-img {
    opacity: 1
}

.strategy-sec .inner .img-col.footer .footer-inner .right .company-email {
    margin-bottom: 20px
}

.footer .footer-inner .area-of-op .right {
    display: none
}

.footer-inner .left .iso-certify .inner {
    display: flex;
    align-items: center;
    gap: 20px
}

.footer-inner .iso-certify .iso-img img {
    max-width: 100px;
    border-radius: 50%;
    object-fit: cover
}

.footer-inner .iso-certify .iso-text h5 {
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 10px;
    line-height: 1.2
}

.footer-inner .iso-certify .iso-text h6 {
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 10px
}

.footer-inner .iso-certify .iso-text p {
    font-size: 16px
}

.footer-inner .left .iso-certify {
    margin-bottom: 50px
}

@media (min-width:1681px) {
    .what_client_say .acrd_content p {
        font-size: 26px;
        margin: 10px 0 26px;
        font-style: italic
    }
}

@media (max-width:1680px) and (min-width:1439px) {
    .what_client_say .acrd_content p {
        font-size: 26px;
        margin: 10px 0 26px;
        font-style: italic
    }

    .why-us-new .top .right .cnt-sec .text-with-img .gif {
        max-width: 200px
    }
}

@media (max-width:1440px) {
    .header .page-center {
        padding: 0 50px
    }

    .footer .page-center {
        padding-left: 50px;
        padding-right: 50px
    }

    .footer {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .partner-section {
        padding: 25px 0
    }

    .rolling-gif.f-last {
        padding: 50px 0
    }

    .unforgetable .sec-inner .sec-text h2,
    .outcome .inner h2 {
        font-size: 70px;
        line-height: 1.11538461538
    }

    .unforgetable .page-center {
        padding: 0 50px
    }

    .unforgetable {
        min-height: 600px
    }

    .what_client_say .client_left h2 {
        font-size: 70px;
        line-height: 1.11538461538
    }

    section.what_client_say .page-center {
        padding-left: 50px;
        padding-right: 50px
    }

    .what_client_say .swiper {
        width: 500px;
        height: 480px
    }

    .what_client_say .client_left {
        width: 35%
    }

    .what_client_say .client_right {
        width: 65%
    }

    .what_client_say .acrd_content p {
        font-size: 22px
    }

    .what_client_say .client_right p.titl_1 span {
        font-size: 22px
    }

    .what_client_say .swiper-slide {
        padding: 30px
    }

    .what_client_say .acrd_content img.M_logo_img {
        width: 150px
    }

    .why-us-new .top .right .cnt-sec .text-with-img .gif {
        max-width: 250px
    }
}

@media (max-width:1100px) {
    .what_client_say .swiper {
        width: 500px
    }

    .what_client_say .acrd_content p {
        font-size: 21px
    }

    .what_client_say .client_right p.titl_1 span {
        font-size: 20px
    }

    .our-work .work-inner .image-sec #card_5 .text-on-img {
        top: 50%
    }
}

@media (max-width:1024px) {
    .what_client_say .client_say_wrapr {
        flex-direction: column
    }

    .what_client_say .client_left {
        width: 100%
    }

    .what_client_say .client_right {
        width: 100%
    }

    .what_client_say .client_left h2 br {
        display: none
    }

    .unforgetable {
        padding-top: 0
    }
}

@media (max-width:991px) {
    .footer-inner .left .social-share ul>li>a {
        font-size: 18px
    }

    .footer-inner .privacy-info ul>li>a {
        font-size: 18px
    }

    .footer-inner .left .about-cmp p {
        font-size: 18px
    }

    .footer-inner .area-of-op .left .title p {
        font-size: 18px
    }

    .footer-inner .area-of-op .left .sectors ul>li {
        margin-left: 5px;
        margin-right: 5px
    }

    .partner-section {
        padding: 15px 0
    }

    .primary-btn {
        padding: 13px 35px
    }
}

@media (max-width:767px) {
    .our-work .work-inner .image-sec .text-on-img p {
        font-size: 18px
    }

    .footer .footer-inner {
        flex-direction: column;
        gap: 20px
    }

    .footer-inner .left .social-share ul>li>a {
        font-size: 16px
    }

    .footer-inner .left .social-share {
        margin-bottom: 30px
    }

    .footer-inner .left .privacy-info {
        margin-bottom: 30px
    }

    .footer-inner .left .social-share ul {
        justify-content: center
    }

    .footer-inner .privacy-info ul {
        justify-content: center
    }

    .footer-inner .left .social-share ul>li {
        margin-left: 10px;
        margin-right: 10px
    }

    .footer-inner .privacy-info ul>li>a {
        font-size: 16px
    }

    .footer-inner .left .about-cmp p {
        text-align: center;
        font-size: 16px
    }

    .footer .footer-inner .right .company-email {
        text-align: center
    }

    .footer .footer-inner .right .newsletter {
        text-align: center
    }

    .primary-btn {
        padding: 13px 35px 13px 35px
    }

    .footer-inner .area-of-op {
        justify-content: center;
        margin-top: 30px
    }

    .footer .logo-cnt {
        text-align: center
    }

    .footer .page-center {
        padding-left: 30px;
        padding-right: 30px
    }

    .footer {
        padding-top: 10px;
        padding-bottom: 25px
    }

    .rolling-gif.f-last {
        padding-top: 25px;
        padding-bottom: 0
    }

    .rolling-gif .gif-foot img.text {
        max-height: 100px
    }

    .rolling-gif .gif-foot img.globe {
        height: 80%
    }

    .rolling-gif .gif-foot {
        padding: 50px 0
    }

    .unforgetable .sec-inner .sec-text h2 {
        font-size: 40px
    }

    .unforgetable {
        min-height: 350px;
        background-position: center;
        background-size: cover
    }

    .what_client_say .client_left h2 {
        font-size: 40px;
        text-align: center
    }

    .what_client_say .acrd_content p {
        font-size: 20px
    }

    .what_client_say .swiper-slide {
        padding: 20px
    }

    .what_client_say .acrd_content img.M_logo_img {
        width: 120px;
        margin-bottom: 10px
    }

    .what_client_say .swiper {
        height: 420px;
        width: 520px
    }

    .what_client_say .client_right .bottom_cont img {
        width: 70px
    }

    section.what_client_say .page-center {
        padding-left: 30px;
        padding-right: 30px
    }

    .what_client_say .client_left h2 {
        text-align: left
    }

    .bnr-sec {
        height: 75vh
    }

    .header-inner .active .menu-bar1 {
        transform: rotate(-45deg) translate(-27px, 5px)
    }

    .header-inner .active .menu-bar3 {
        transform: rotate(45deg) translate(-10px, 10px)
    }

    .our_services_section .top_title h2 {
        font-size: 30px
    }

    .header-inner .logo-cnt img {
        max-height: 60px
    }

    .footer .footer-inner .left .logo-cnt img {
        max-height: 80px
    }

    .footer-inner .iso-certify .iso-img img {
        max-width: 100px
    }

    .footer-inner .iso-certify .iso-text h5 {
        font-size: 20px
    }

    .footer-inner .iso-certify .iso-text h6 {
        font-size: 18px
    }

    .footer-inner .left .iso-certify {
        margin-bottom: 0
    }
}

@media (max-width:600px) {
    .what_client_say .swiper {
        width: 430px
    }

    .what_client_say .client_right p.titl_1 span {
        font-size: 16px
    }
}

@media (max-width:576px) {
    .footer-inner .area-of-op .left {
        flex-direction: column;
        align-items: center
    }

    .footer-inner .area-of-op .left .title {
        margin-right: 0;
        margin-bottom: 15px
    }

    .footer-inner .left .social-share ul {
        flex-direction: column
    }

    .footer-inner .left .social-share ul>li {
        margin: 0;
        margin-bottom: 10px
    }

    .footer-inner .privacy-info ul>li {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 10px
    }

    .footer-inner .privacy-info ul {
        flex-direction: column;
        align-items: center
    }

    .footer-inner .left .social-share {
        margin-bottom: 15px
    }

    .footer-inner .left .privacy-info {
        margin-bottom: 30px
    }

    .footer-inner .area-of-op .left .sectors ul {
        flex-direction: column;
        align-items: center
    }

    .footer-inner .area-of-op .left .sectors ul>li {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 10px
    }

    .footer-inner .area-of-op .left .title p {
        font-size: 17px
    }

    .unforgetable .sec-inner .sec-text h2 {
        font-size: 26px
    }

    .what_client_say .acrd_content p {
        font-size: 16px
    }
}

.footer .footer-inner .right .company-email {
    margin-bottom: 20px
}

.footer-inner .privacy-info ul {
    flex-direction: column
}

.footer-inner .privacy-info ul li {
    margin: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14)
}

.footer-inner .privacy-info ul li:last-child {
    border: none
}

.footer-inner .privacy-info ul>li>a {
    text-decoration: none;
    padding-bottom: 15px;
    display: inline-block;
    padding-top: 15px;
    text-transform: none
}

.footer-inner .privacy-info ul>li:first-child>a {
    padding-top: 0
}

.footer-inner .privacy-info ul>li:last-child>a {
    padding-bottom: 0
}

.footer .footer-inner {
    gap: 100px
}

.footer .footer-inner>div:nth-child(1) {
    padding-left: 0
}

.footer .footer-inner>div:nth-child(3) {
    padding-right: 0
}

.footer .footer-inner {
    gap: 0
}

.footer .footer-inner .middle .sec-head {
    margin-bottom: 50px
}

.footer .footer-inner .middle .quick-menu-items ul {
    list-style: none;
    width: 100%
}

.footer .footer-inner .middle .quick-menu-items ul li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
    padding-bottom: 15px;
    padding-top: 15px;
    display: flex;
    justify-content: space-between
}

.footer .footer-inner .middle .quick-menu-items ul li:first-child {
    padding-top: 0
}

.footer .footer-inner .middle .quick-menu-items ul li:last-child {
    border: none
}

.footer .footer-inner .middle .quick-menu-items ul li a {
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    font-size: 20px;
    line-height: 185%;
    padding-bottom: 15px
}

.footer .footer-inner .middle .sec-head h4 {
    font-size: 24px;
    font-weight: 900
}

.footer .footer-inner .right .sec-head {
    margin-bottom: 50px
}

.footer .footer-inner .right .sec-head h4 {
    font-size: 24px;
    font-weight: 900
}

.footer .footer-inner .right .ind h5 {
    font-weight: 400;
    font-size: 20px;
    text-decoration: underline
}

.footer .footer-inner .right .ind p {
    font-size: 18px;
    font-weight: 400;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
    padding-top: 16px
}

.footer .footer-inner .right .indon p:first-child {
    padding-top: 0
}

.footer .footer-inner .right .indon h5 {
    font-weight: 400;
    font-size: 20px;
    text-decoration: underline
}

.footer .footer-inner .right .indon p {
    font-size: 18px;
    font-weight: 400;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
    padding-top: 16px;
    text-transform: none
}

.footer .footer-inner .right .indon h5 {
    padding-top: 15px
}

.footer .footer-inner .right .indon p {
    border: none
}

.footer .footer-inner .right .ind p a {
    text-decoration: none;
    color: #fff
}

.footer .footer-inner .right .indon p a {
    text-decoration: none;
    color: #fff
}

.footer-inner .left .privacy-info {
    margin-bottom: 60px
}

.footer-inner .left .company-email p {
    font-size: 35px;
    color: #fff;
    line-height: 1.2
}

.footer-inner .left .company-email p a {
    text-decoration: none;
    color: #fff
}

.footer .footer-inner .right .ind p a {
    display: block;
    margin-top: 10px
}

.footer .footer-inner .right .indon p a {
    display: block;
    margin-top: 10px
}

.footer-inner .left .social-share {
    margin-bottom: 50px
}

.footer .footer-inner .middle .quick-menu-items ul li {
    border: none
}

.footer-inner .privacy-info ul li {
    border: none
}

.footer .footer-inner .right .ind p {
    border: none
}

.footer .footer-inner .middle .quick-menu-items ul li {
    flex-direction: column;
    padding: 0
}

@media (max-width:1280px) {
    .footer-inner .left .company-email p {
        font-size: 22px
    }

    .footer-inner .left .social-share ul>li {
        margin-right: 10px;
        margin-left: 10px
    }

    .footer .footer-inner .middle .quick-menu-items ul li a {
        font-size: 18px
    }

    .footer-inner .privacy-info ul>li>a {
        font-size: 18px
    }

    .footer .footer-inner>div {
        width: calc(50% - 30px)
    }

    .footer .footer-inner {
        flex-wrap: wrap;
        row-gap: 50px
    }
}

@media (max-width:840px) {
    .footer .footer-inner {
        flex-direction: column;
        gap: 50px
    }

    .footer .footer-inner>div {
        width: 100%
    }
}

@media (max-width:767px) {
    .footer .page-center {
        padding: 0 30px
    }

    .footer .logo-cnt {
        text-align: left
    }

    .footer-inner .left .social-share ul {
        justify-content: flex-start
    }

    .footer {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .footer .footer-inner .right .ind h5 {
        font-size: 16px
    }

    .footer .footer-inner .right .indon h5 {
        font-size: 16px
    }
}

@media (max-width:575px) {
    .rolling-gif .gif-foot img.text {
        max-height: 50px
    }

    .footer .logo-cnt {
        margin-bottom: 30px
    }

    .footer-inner .left .social-share {
        margin-bottom: 30px
    }

    .footer-inner .left .privacy-info {
        margin-bottom: 30px
    }

    .footer .footer-inner {
        gap: 50px
    }

    .footer-inner .left .social-share ul {
        align-items: flex-start
    }

    .footer-inner .left .social-share ul>li {
        margin-left: 0;
        margin-right: 0
    }

    .footer-inner .privacy-info ul {
        justify-content: flex-start;
        align-items: flex-start
    }

    .footer .footer-inner .middle .sec-head {
        margin-bottom: 30px
    }

    .footer .footer-inner .right .sec-head {
        margin-bottom: 30px
    }

    .footer-inner .left .company-email p {
        font-size: 18px
    }

    .footer-inner .privacy-info ul>li>a {
        padding-bottom: 5px;
        padding-top: 5px
    }

    .footer .footer-inner .middle .quick-menu-items ul li a {
        padding-top: 0;
        padding-bottom: 5px
    }

    .footer-inner .privacy-info ul>li>a {
        font-size: 16px
    }

    .footer .footer-inner .middle .quick-menu-items ul li a {
        font-size: 16px
    }

    .footer .footer-inner .right .ind p {
        font-size: 16px
    }

    .footer .footer-inner .right .indon p {
        font-size: 16px
    }

    .footer .footer-inner .middle .sec-head h4,
    .footer .footer-inner .right .sec-head h4 {
        font-size: 22px
    }

    section.what_client_say .page-center {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (width <=1440px) {
    .header-inner .overlay {
        width: 50%
    }
}

@media (width <=767px) {
    .header-inner .overlay {
        width: 100%
    }
}

.why-us-new .why-us-cnt .bottom .left {
    width: 55%
}

.why-us-new .why-us-cnt .bottom .right {
    width: 45%
}

.why-us-new .bottom .left .arrow-img {
    max-width: 100%
}

.our-work .work-inner .image-sec .text-on-img {
    max-width: 90%
}

@media (min-width:1681px) {
    .our-work .work-inner .image-sec .text-on-img p {
        font-size: 24px
    }
}

@media (max-width:1680px) {
    .who-we-are .we-are-inner {
        gap: 50px
    }

    .who-we-are .right-col .item .our-feat p {
        font-size: 22px;
        line-height: 1.2
    }

    .who-we-are .right-col .item .feat-img img {
        max-width: 200px
    }

    .who-we-are .right-col .item .feat-count p {
        font-size: 22px
    }

    .who-we-are .right-col .item .num {
        margin: 0
    }

    .who-we-are .right-col .item .feat-img {
        margin: 0
    }

    .who-we-are .right-col .item .our-feat {
        margin: 0
    }

    .who-we-are .right-col .about-det .item {
        width: 100%;
        gap: 25px
    }

    .who-we-are .right-col .item .num p {
        font-size: 20px
    }

    .who-we-are .we-are-inner .right-col {
        justify-content: flex-end
    }

    .who-we-are .right-col .about-det .item:last-child .img-col {
        margin-left: -25px
    }

    .bnr-sec .bnr-inner .ball-anm img {
        max-width: 100%
    }

    .bnr-sec .bnr-inner .ball-anm {
        max-width: 450px;
        right: 0;
        top: 20%
    }

    .who-we-are .left-col .ball-anm img {
        width: 100%
    }

    .who-we-are .we-are-inner .left-col .ball-anm {
        max-width: 400px;
        right: -20%
    }

    .our-work .work-inner .img-col {
        width: 700px
    }

    .our-work .work-inner {
        gap: 30px
    }

    .what_client_say .client_left h2 {
        font-size: 80px;
        line-height: 1.11538461538
    }

    .our-work .sec-head h2 {
        font-size: 90px;
        line-height: 1.3
    }

    .who-we-are .left-col .sec-head h2 {
        font-size: 90px
    }

    .why-us-new .sec-head .ball-anm {
        max-width: 300px
    }

    .why-us-new .sec-head {
        margin-bottom: 100px
    }

    .our-work .page-center .ball-anm {
        max-width: 300px
    }

    .why-us-new .sec-head h2 {
        font-size: 90px
    }

    .footer-inner .middle .company-email p {
        font-size: 25px
    }

    .footer-inner .right .company-email p {
        font-size: 20px
    }
}

@media (max-width:1540px) {
    .who-we-are .we-are-inner .left-col .ball-anm {
        max-width: 300px
    }

    .who-we-are .left-col .ball-anm img {
        width: 100%
    }
}

@media (max-width:1440px) and (min-width:1280px) {
    .what_client_say .ball-anm {
        top: 50%;
        right: unset;
        left: 60%
    }
}

@media (max-width:1440px) {
    .who-we-are .page-center {
        padding: 0 50px
    }

    .who-we-are .left-col .sec-head h2 {
        font-size: 70px;
        line-height: 1.2
    }

    .who-we-are .left-col .about-us p {
        font-size: 20px
    }

    .who-we-are .left-col .ball-anm img {
        width: 100%
    }

    .who-we-are .we-are-inner .left-col .ball-anm {
        max-width: 300px;
        right: 5%;
        top: 5%
    }

    .who-we-are {
        padding-top: 50px
    }

    .who-we-are .right-col .about-det .item:last-child {
        padding-bottom: 0
    }

    .bnr-sec .page-center {
        padding: 0 50px
    }

    .bnr-sec .bnr-head h1 {
        font-size: 70px;
        line-height: 1.2
    }

    .bnr-sec .bnr-inner .ball-anm {
        top: 0
    }

    .bnr-sec {
        padding-top: 50px
    }

    .why-us-new .page-center {
        padding: 0 50px
    }

    .why-us-new .sec-head h2 {
        font-size: 70px
    }

    .why-us-new .sec-head .ball-anm {
        max-width: 300px;
        top: -27%;
        left: 15%;
        bottom: -50%
    }

    .why-us-new .bottom .right .text h3 {
        font-size: 40px;
        margin: 0;
        text-align: center
    }

    .why-us-new .bottom .right .text_gif img {
        max-width: 180px
    }

    .why-us-new .bottom .right .text .text_gif {
        text-align: center
    }

    .future-sec .future-inner h3 {
        font-size: 60px;
        margin-bottom: 40px
    }

    .future-sec .future-inner p {
        font-size: 30px;
        line-height: 1.2
    }

    .future-sec {
        min-height: 800px
    }

    .future-sec .full-width {
        padding: 0 50px
    }

    .outcome {
        min-height: 800px;
        padding: 0
    }

    .outcome .page-center {
        padding: 0 50px
    }

    .our-work .about-wrk .left h3 {
        font-size: 45px
    }

    .our-work .about-wrk .right h3 {
        font-size: 70px
    }

    .our-work .about-wrk .text-cnt {
        margin-bottom: 50px
    }

    .our-work .work-inner .image-sec .text-on-img h3 {
        font-size: 40px
    }

    .our-work .sec-head h2 {
        font-size: 70px;
        line-height: 1.2
    }

    .our-work .page-center .ball-anm {
        top: -50%;
        left: 22%
    }

    .what_client_say .client_left h2 {
        font-size: 70px;
        line-height: 1.11538461538
    }
}

@media (max-width:1350px) {
    .why-us-new .bottom .right .gif img {
        max-width: 250px;
        max-height: 250px
    }
}

@media (max-width:1280px) {
    .why-us-new .top .right .item-two .right h5 {
        font-size: 22px
    }

    .footer-inner .right .company-email p {
        font-size: 20px
    }

    .why-us-new .top .right .cnt-sec h5 {
        font-size: 22px
    }

    .why-us-new .top .left .item .text h5 {
        font-size: 22px
    }

    .why-us-new .why-us-cnt .bottom .left .left-inner .cnt h5 {
        font-size: 22px
    }

    .why-us-new .top .left .item {
        padding: 22px 30px
    }

    .why-us-new .why-us-cnt .top .right .item-one {
        padding: 22px 30px
    }

    .why-us-new .why-us-cnt .bottom .left .left-inner {
        padding: 20px 30px
    }

    .why-us-new .bottom .right .text h3 {
        font-size: 30px
    }

    .why-us-new .bottom .right .text_gif img {
        max-width: 130px
    }

    .why-us-new .top .right .cnt-sec .text-with-img .gif {
        max-width: 200px;
        margin-right: auto
    }

    .why-us-new .top .right .cnt-sec .text-with-img h5 {
        margin-left: auto
    }

    .why-us-new .bottom .right .gif img {
        max-height: 200px
    }

    .why-us-new .why-us-cnt>.top {
        flex-direction: column;
        gap: 20px
    }

    .why-us-new .why-us-cnt .top>.left {
        width: 100%
    }

    .why-us-new .why-us-cnt .top>.right {
        width: 100%
    }

    .why-us-new .why-us-cnt .top .right .item-one {
        justify-content: center
    }

    .why-us-new .top .right .item-two {
        justify-content: center
    }

    .why-us-new .why-us-cnt .bottom {
        flex-direction: column;
        gap: 20px
    }

    .why-us-new .why-us-cnt .bottom .left {
        width: 100%;
        justify-content: center
    }

    .why-us-new .why-us-cnt .bottom .right {
        width: 100%
    }

    .why-us-new .bottom .right .gif img {
        max-height: unset;
        max-width: unset
    }

    .future-sec {
        min-height: 650px
    }

    .outcome {
        min-height: 650px
    }

    .our-work .sec-head h2 {
        font-size: 70px;
        line-height: 1.2
    }

    .our-work .page-center .ball-anm {
        max-width: 250px;
        top: -30%;
        left: 20%
    }

    .why-us-new .sec-head .ball-anm {
        max-width: 250px;
        left: 20%
    }

    .our-work .page-center {
        padding: 0 50px
    }

    .our-work .work-inner {
        flex-direction: column
    }

    .our-work .work-inner .image-sec {
        margin-left: auto;
        margin-right: auto
    }

    .our-work {
        padding-top: 30px
    }

    .footer-inner .middle .company-email p {
        font-size: 22px
    }
}

@media (max-width:1200px) {
    .who-we-are .we-are-inner .left-col .ball-anm {
        right: -5%;
        top: 5%
    }
}

@media (max-width:1100px) {
    .who-we-are .we-are-inner .left-col .ball-anm {
        max-width: 250px;
        right: unset;
        left: 50%;
        top: 2%
    }

    .bnr-sec .bnr-inner .ball-anm {
        max-width: 250px;
        top: 25%
    }
}

@media (max-width:1025px) {
    .who-we-are .we-are-inner .left-col {
        width: 100%
    }

    .who-we-are .we-are-inner .right-col {
        width: 100%
    }

    .who-we-are .we-are-inner {
        flex-direction: column
    }

    .who-we-are .we-are-inner .right-col {
        justify-content: flex-start
    }

    .who-we-are .right-col .about-det {
        width: 100%
    }

    .who-we-are .left-col .about-us {
        max-width: 100%
    }

    .bnr-sec .bnr-inner .ball-anm {
        top: 25%
    }

    .who-we-are .we-are-inner .left-col .ball-anm {
        top: -18%
    }

    .our-work .page-center .ball-anm {
        left: 30%
    }

    .our-work .work-inner .img-col {
        width: 650px;
        height: 700px
    }

    section.what_client_say {
        padding-bottom: 50px
    }
}

@media (max-width:767px) {
    .who-we-are .left-col .sec-head h2 {
        font-size: 40px;
        line-height: 1.2
    }

    .who-we-are .left-col .about-us p {
        font-size: 16px
    }

    .who-we-are .we-are-inner .left-col .ball-anm {
        max-width: 150px;
        left: 30%;
        top: -18%
    }

    .who-we-are .page-center {
        padding: 0 30px
    }

    .bnr-sec .page-center {
        padding: 0 30px
    }

    .bnr-sec .bnr-head h1 {
        font-size: 40px;
        max-width: 450px
    }

    .bnr-sec .bnr-head h1 br {
        display: none
    }

    .bnr-sec .bnr-inner .ball-anm {
        max-width: 150px;
        top: 20%;
        right: 5%;
        margin-top: 20px;
        max-width: 377px
    }

    .bnr-sec .bnr-head h1 {
        font-size: 45px;
        max-width: 300px
    }

    .who-we-are {
        padding-top: 50px
    }

    .bnr-sec {
        padding-bottom: 60px;
        padding-top: 25px
    }

    .why-us-new .bottom .right .gif img {
        max-height: 200px
    }

    .why-us-new .page-center {
        padding: 0 30px
    }

    .why-us-new .top .left .item {
        padding: 22px 20px
    }

    .why-us-new .why-us-cnt .top .right .item-one {
        padding: 20px 20px
    }

    .why-us-new .why-us-cnt .bottom .left .left-inner {
        padding: 20px 20px
    }

    .why-us-new .top .left .item .gif img {
        height: 100%
    }

    .why-us-new .sec-head .ball-anm {
        max-width: 150px;
        bottom: unset;
        left: 30%;
        top: -100%
    }

    .why-us-new .sec-head h2 {
        font-size: 40px
    }

    .why-us-new .sec-head {
        margin-bottom: 70px
    }

    .why-us-new {
        padding-top: 30px;
        padding-bottom: 25px
    }

    .header .page-center {
        padding: 0 30px
    }

    .logo {
        top: unset;
        left: unset
    }

    .future-sec .future-inner h3 {
        font-size: 40px;
        margin-bottom: 20px
    }

    .future-sec .future-inner p {
        font-size: 24px
    }

    .future-sec {
        min-height: 500px
    }

    .future-sec .full-width {
        padding: 0 30px
    }

    .outcome {
        min-height: 500px
    }

    .outcome .inner h2 {
        font-size: 40px
    }

    .outcome .inner h2:first-child {
        margin-bottom: 20px
    }

    .outcome .page-center {
        padding: 0 30px
    }

    .our-work .sec-head h2 {
        font-size: 40px
    }

    .our-work .page-center .ball-anm {
        max-width: 150px
    }

    .our-work .sec-head {
        margin-bottom: 50px
    }

    .our-work .about-wrk .left h3 {
        font-size: 25px
    }

    .our-work .about-wrk .right h3 {
        font-size: 45px
    }

    .our-work .work-inner .image-sec .text-on-img h3 {
        font-size: 30px
    }

    .our-work .work-inner .image-sec .text-on-img {
        max-width: 80%
    }

    .our-work .work-inner .img-col {
        width: 550px
    }

    .our-work .page-center {
        padding: 0 30px
    }

    .why-us-new .bottom .right .text {
        width: 100%
    }

    .why-us-new .why-us-cnt .bottom .left .left-inner .top {
        gap: 10px
    }

    .footer .footer-inner .right .company-email {
        text-align: left
    }

    .footer-inner .right .company-email p {
        font-size: 16px
    }
}

@media (max-width:600px) {
    .our-work .work-inner .img-col {
        width: 450px
    }
}

@media (max-width:575px) {
    .who-we-are .right-col .item .our-feat p {
        font-size: 16px
    }

    .who-we-are .right-col .item .feat-count p {
        font-size: 18px
    }

    .who-we-are .right-col .item .num p {
        font-size: 18px
    }

    .who-we-are .right-col .item .feat-img img {
        max-width: 150px
    }

    .who-we-are .right-col .about-det .item {
        padding-bottom: 15px;
        justify-content: flex-start
    }

    .who-we-are .right-col .about-det .item:last-child {
        justify-content: flex-start
    }

    .who-we-are .right-col .about-det {
        row-gap: 20px
    }

    .bnr-sec .bnr-inner {
        flex-direction: column-reverse
    }

    .who-we-are .left-col .sec-head h2 {
        font-size: 30px
    }

    .why-us-new .sec-head h2 {
        font-size: 30px
    }

    .why-us-new .sec-head {
        margin-bottom: 50px
    }

    .why-us-new .sec-head .ball-anm {
        top: -64%
    }

    .why-us-new .top .left .item .text h5 {
        font-size: 18px
    }

    .why-us-new .top .right .cnt-sec h5 {
        font-size: 18px
    }

    .why-us-new .top .right .item-two .right h5 {
        font-size: 18px
    }

    .why-us-new .why-us-cnt .bottom .left .left-inner .cnt h5 {
        font-size: 18px
    }

    .why-us-new .bottom .right .text h3 {
        font-size: 25px
    }

    .why-us-new .top .right .item-two .img-sec {
        max-width: 120px
    }

    .what_client_say .client_left h2 {
        font-size: 30px
    }

    .future-sec .future-inner h3 {
        font-size: 26px
    }

    .future-sec .future-inner p {
        font-size: 16px
    }

    .future-sec {
        min-height: 400px
    }

    .who-we-are .right-col .item .our-feat p br {
        display: none
    }

    .outcome {
        min-height: 400px
    }

    .outcome .inner h2 {
        font-size: 30px
    }

    .our-work .sec-head h2 {
        font-size: 30px
    }

    .our-work .page-center .ball-anm {
        top: -45%
    }

    .our-work .about-wrk .text-cnt {
        margin-left: -30px
    }

    .our-work .work-inner .img-col {
        width: 300px;
        height: 450px
    }

    .our-work .work-inner .image-sec {
        position: sticky;
        top: 30px
    }

    .our-work .work-inner .image-sec .card-item:nth-child(4) .text-on-img {
        top: 40%
    }

    .our-work .work-inner .image-sec .card-item:nth-child(3) .text-on-img {
        top: 40%
    }

    .our-work .work-inner .image-sec .card-item:nth-child(2) .text-on-img .text-on-img {
        top: 20%
    }

    .our-work .work-inner .image-sec .card-item:nth-child(2) .text-on-img {
        top: 40%
    }

    .our-work .work-inner .image-sec .card-item:nth-child(1) .text-on-img {
        top: 40%
    }

    .footer-inner .middle .company-email p {
        font-size: 18px
    }
}

@media (max-width:480px) {
    .who-we-are .right-col .about-det .item .num {
        display: none
    }

    .who-we-are .right-col .item .feat-img {
        display: none
    }

    .bnr-sec .bnr-inner .ball-anm {
        position: relative;
        margin-left: auto;
        top: unset;
        right: unset
    }

    .bnr-sec .bnr-head h1 {
        max-width: 100%
    }

    .why-us-new .why-us-cnt .bottom .right {
        flex-direction: column
    }

    .unforgetable {
        min-height: 180px
    }

    .footer-inner .left .iso-certify .inner {
        flex-direction: column;
        align-items: flex-start
    }
}

@media (max-width:390px) {
    .who-we-are .we-are-inner .left-col .ball-anm {
        left: 35%
    }

    .why-us-new .sec-head .ball-anm {
        left: 50%;
        top: -140%
    }

    .why-us-new .top .right .item-two {
        gap: 25px;
        padding: 10px
    }

    .why-us-new .why-us-cnt .top .right .item-one {
        padding: 10px
    }

    .why-us-new .why-us-cnt .bottom .left .left-inner {
        padding: 10px
    }

    .our-work .work-inner .img-col {
        width: 270px
    }

    .our-work .page-center .ball-anm {
        left: 40%
    }

    .why-us-new .sec-head .ball-anm {
        top: -50%
    }

    .what_client_say .ball-anm {
        left: 50% !important;
        top: -40% !important
    }
}

.cc-backdrop {
    position: fixed;
    inset: 0;
    display: none;
    background: rgba(0, 0, 0, 0.35);
    z-index: 9998;
    opacity: 0;
    transition: opacity 0.25s ease
}

.cc-backdrop.show {
    display: block;
    opacity: 1
}

.cookie-consent {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: min(420px, calc(100% - 40px));
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    padding: 30px;
    z-index: 9999;
    transform: translateY(20px);
    opacity: 0;
    transition: transform 0.28s cubic-bezier(0.2, 0.9, 0.2, 1), opacity 0.28s;
    box-shadow: 0 0 32px 0 rgba(34, 34, 34, 0.05);
    border: 1px solid #000
}

.cookie-consent.show {
    transform: translateY(0);
    opacity: 1
}

.cc-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px
}

.cc-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.1
}

.cc-close {
    background: transparent;
    border: none;
    font-size: 20px;
    line-height: 1;
    padding: 6px;
    color: #333;
    border-radius: 6px
}

.cc-close:focus {
    outline: 2px solid #7aa7ff
}

.cc-body {
    font-size: 18px;
    color: #333;
    margin-bottom: 24px
}

.cc-actions {
    display: flex;
    gap: 10px;
    justify-content: flex-end
}

.cc-actions .primary-btn.red:hover {
    background-color: #fb302f
}

.cc-actions button:focus {
    outline: 2px solid #7aa7ff
}

.cc-reject {
    background: #fff;
    color: #111;
    border: 1px solid #ddd
}

.cc-link {
    color: #0b74de;
    text-decoration: underline
}

@media (max-width:520px) {
    .cookie-consent {
        right: 10px;
        left: 10px;
        width: auto;
        padding: 14px
    }
}

@media (max-width:1680px) {
    .what_client_say .client_left {
        width: 35%
    }

    .what_client_say .client_right {
        width: 65%
    }

    .what_client_say .client_say_wrapr {
        gap: 100px
    }
}

@media (max-width:1024px) {
    .what_client_say .client_left {
        width: 100%
    }

    .what_client_say .client_right {
        width: 100%
    }
}

@media (max-width:767px) {
    .why-us-new .top .right .item-two {
        gap: 24px
    }

    .what_client_say .client_left h2 {
        font-size: 40px
    }

    .what_client_say .client_say_wrapr {
        gap: 50px
    }

    .what_client_say .client_left h2 {
        text-align: left;
        max-width: 50%
    }

    .what_client_say .ball-anm {
        max-width: 150px
    }

    .our-work .work-inner .card-item .text-on-img {
        opacity: 1
    }

    .our-work .work-inner .card-item .text-on-img {
        opacity: 1
    }

    .what_client_say .ball-anm {
        left: 40% !important;
        top: -80% !important
    }

    section.what_client_say {
        overflow: unset
    }

    .tabber_sec .content-image img {
        height: 100%;
        object-fit: cover
    }

    .our_services_section .top_title h2 {
        font-size: 30px
    }

    .case-study-sec .grid-items.squares img {
        height: 350px
    }

    .what_client_say .client_left h2 {
        max-width: 50%;
        text-align: left
    }

    .what_client_say .swiper {
        width: 450px
    }

    section.what_client_say {
        overflow-x: clip
    }

    .bnr-sec {
        height: 55vh
    }

    .bnr-sec .bnr-inner {
        flex-direction: column
    }

    .bnr-sec .bnr-inner .ball-anm {
        margin-top: 30px;
        max-width: 300px
    }

    .what_client_say .ball-anm {
        max-width: 150px;
        right: 0%;
        bottom: unset;
        top: -20%
    }

    .what_client_say .client_left h2 {
        max-width: 50%;
        text-align: left
    }

    .what_client_say .ball-anm {
        left: 60% !important;
        top: -40% !important
    }

    .header-inner .menu-bar1,
    .header-inner .menu-bar2,
    .header-inner .menu-bar3 {
        width: 35px;
        margin: 8px 0
    }

    .outcome.innovate {
        margin-top: 0
    }

    .header-inner .menu-bar2 {
        width: 20px;
        margin-left: auto
    }

    .outcome.innovate .inner h1 {
        padding-left: 0
    }

    .bnr-sec {
        height: 75vh
    }

    .header-inner .active .menu-bar1 {
        transform: rotate(-45deg) translate(-27px, 5px)
    }

    .header-inner .active .menu-bar3 {
        transform: rotate(45deg) translate(-10px, 10px)
    }

    .our_services_section .top_title h2 {
        font-size: 30px
    }
}

@media (max-width:575px) {
    .what_client_say .acrd_content img.M_logo_img {
        width: 80px;
        margin-bottom: 0
    }

    .what_client_say .acrd_content p {
        font-size: 14px
    }

    .what_client_say .client_right .bottom_cont img {
        width: 50px
    }

    .what_client_say .client_right p.titl_1 span {
        font-size: 17px
    }

    .what_client_say .swiper {
        width: 290px;
        height: 400px
    }

    .what_client_say .client_left h2 {
        font-size: 26px
    }

    .what_client_say .client_say_wrapr {
        gap: 30px
    }

    .what_client_say .swiper-slide {
        padding: 15px
    }

    section.what_client_say .page-center {
        padding-left: 30px;
        padding-right: 30px
    }

    .what_client_say .acrd_content p {
        font-size: 17px
    }
}

.footer .footer-inner .right .ind p {
    text-transform: none
}

.footer .footer-inner>div {
    width: calc(33.33%);
    padding-left: 50px;
    padding-right: 50px;
    border-right: 1px solid rgba(255, 255, 255, 0.14)
}

.footer .footer-inner .middle {
    padding-left: 90px
}

.footer .footer-inner>div:last-child {
    border: none
}

.footer .footer-inner>div:nth-child(3) {
    padding-left: 90px
}

@media (max-width:1680px) {
    .footer-inner .left .company-email p {
        font-size: 25px
    }

    .footer .footer-inner .middle {
        padding-left: 50px
    }

    .footer .footer-inner>div:nth-child(3) {
        padding-left: 50px
    }
}

@media (max-width:1679px) and (min-width:1360px) {
    .what_client_say .ball-anm {
        right: -26%;
        top: 70%
    }
}

@media (max-width:1440px) and (min-width:1281px) {
    .our-work .page-center .ball-anm {
        max-width: 300px;
        top: -40%
    }

    .what_client_say .ball-anm {
        bottom: -40%;
        right: -10%
    }
}

@media (max-width:1359px) and (min-width:1025px) {
    .what_client_say .ball-anm {
        right: -37%;
        top: 93%
    }
}

@media (max-width:1280px) {
    .footer-inner .left .social-share ul>li {
        margin-left: 10px;
        margin-right: 10px
    }

    .footer-inner .left .company-email p {
        font-size: 22px
    }

    .footer .footer-inner>div {
        width: calc(50%)
    }

    .footer .footer-inner>div:nth-child(3) {
        padding-left: 0
    }

    .why-us-new .bottom .right .text_gif img {
        max-width: 200px
    }
}

@media (max-width:840px) {
    .footer .footer-inner .middle {
        padding-left: 0;
        border: none
    }

    .footer .footer-inner>div:nth-child(1) {
        border: none
    }

    .footer .footer-inner>div {
        width: 100%
    }

    .footer .footer-inner .middle {
        padding-right: 0
    }
}

@media (max-width:575px) {
    .footer-inner .left .social-share ul>li {
        margin-left: 0
    }

    .footer-inner .left .company-email p {
        font-size: 18px
    }

    .what_client_say .ball-anm {
        left: 39% !important;
        top: -40% !important
    }

    .unforgetable .sec-inner .sec-text h2 {
        font-size: 28px
    }

    .what_client_say .client_left h2 br {
        display: block
    }
}

:root {
    --card-height: 40vw;
    --card-margin: 4vw;
    --card-top-offset: 1em;
    --numcards: 5;
    --outline-width: 0px
}

#cards {
    padding-bottom: calc(var(--numcards) * var(--card-top-offset));
    margin-bottom: var(--card-margin)
}

#card_1 {
    --index: 1
}

#card_2 {
    --index: 2
}

#card_3 {
    --index: 3
}

#card_4 {
    --index: 4
}

#card_5 {
    --index: 5
}

.card {
    position: sticky;
    top: 0;
    padding-top: calc(var(--index) * var(--card-top-offset))
}

#debug {
    position: fixed;
    top: 1em;
    left: 1em
}

#debug::after {
    content: " Show Debug";
    margin-left: 1.5em;
    color: white;
    white-space: nowrap
}

#debug:checked~main {
    --outline-width: 1px
}

main {
    width: 80vw;
    margin: 0 auto
}

#cards {
    list-style: none;
    outline: calc(var(--outline-width) * 10) solid blue;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(var(--numcards), var(--card-height));
    gap: var(--card-margin)
}

.card {
    outline: var(--outline-width) solid hotpink
}

.card__content {
    box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.1), 0 1em 2em rgba(0, 0, 0, 0.1);
    color: rgb(10, 5, 7);
    border-radius: 1em;
    overflow: hidden;
    grid-template-areas: "text img";
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    align-items: stretch;
    outline: var(--outline-width) solid lime
}

.card:hover .text-on-img {
    opacity: 1
}

.card__content>figure {
    grid-area: img;
    overflow: hidden
}

.card .card-inner {
    position: relative
}

.card .text-on-img {
    max-width: 90%;
    position: absolute;
    bottom: 0;
    z-index: 99;
    top: 68%;
    left: 0;
    opacity: 0;
    color: #09ff57;
    transition: all 0.3s ease-in-out
}

.card .img-col {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: background-image 0.3s ease;
    position: relative;
    border-radius: 10px
}

.media-1 {
    background-image: url("../assets/images/TCL_Card.jpg")
}

.media-2 {
    background-image: url("../assets/images/Mediatek_Card.jpg")
}

.media-3 {
    background-image: url("../assets/images/Realme_Card.jpg")
}

.media-4 {
    background-image: url("../assets/images/Oppo_Card.jpg")
}

.media-5 {
    background-image: url("../assets/images/Transforming_a_fragmented.jpg")
}

.card__content .card-inner {
    width: 100%;
    height: 100%
}

.our-work .work-inner .img-col {
    width: 100%
}

.our-work .work-inner .img-col::after {
    content: "";
    position: absolute;
    inset: 0;
    background: #09ff67;
    mix-blend-mode: multiply;
    opacity: 0;
    transition: opacity 0.3s ease
}

.our-work .work-inner .img-col:hover::after {
    opacity: 0.8
}

.our-work .work-inner .image-sec {
    width: 50%
}

.our-work .text-sec-out {
    width: 50%
}

.card__content {
    width: 55%
}

.card-inner:hover .text-on-img {
    opacity: 1
}

.card-inner {
    position: relative
}

.text-on-img {
    pointer-events: none
}

.our-work .about-wrk .img_real {
    display: none
}

.our-work .about-wrk .right {
    transform: rotate(-90deg);
    display: inline-block
}

.our-work .about-wrk .right h3 {
    font-size: 60px
}

.our-work .about-wrk .left h3 {
    font-size: 40px
}

.who-we-are .right-col .item .img-col::after {
    border-radius: 8px
}

@media (max-width:1680px) {
    .our-work .text-sec-out {
        width: 40%
    }

    .our-work .work-inner .image-sec {
        width: 55%
    }
}

@media (max-width:1280px) {
    .our-work .text-sec-out {
        width: 50%
    }

    .our-work .work-inner .image-sec {
        width: 80%
    }
}

@media (max-width:767px) {
    .card__content {
        width: 100%
    }

    .our-work .work-inner .image-sec {
        width: 100%
    }

    .our-work .text-sec-out .card__content {
        width: 100%
    }

    .our-work .work-inner .img-col {
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat
    }

    .our-work .work-inner .image-sec .text-on-img {
        position: absolute;
        top: 50%
    }

    .why-us-new .why-us-cnt .bottom .right {
        flex-direction: column
    }

    .our-work .about-wrk .img_real {
        display: block;
        padding: 20px 0
    }

    .our-work .about-wrk .img_real img {
        width: 100%;
        object-fit: cover;
        width: 360px
    }

    .our-work .about-wrk .text-cnt {
        display: none
    }

    .our-work .work-inner .img-col:hover::after {
        opacity: unset
    }

    .our-work .work-inner .img-col::after {
        all: unset
    }
}

@media (min-width:1681px) {
    .our-work #cards {
        grid-template-rows: repeat(var(--numcards), 50vw)
    }
}

@media (max-width:1280px) {
    .our-work .card__content {
        width: 100%
    }

    .our-work #cards {
        margin-bottom: 0;
        grid-template-rows: repeat(var(--numcards), 60vw)
    }

    .our-work .work-inner .image-sec {
        width: 100%
    }

    .why-us-new .top .right .cnt-sec .text-with-img .gif {
        margin-right: 0
    }

    .why-us-new .top .right .cnt-sec .text-with-img h5 {
        margin-left: 0
    }
}

@media (max-width:767px) {
    .our-work {
        display: block !important
    }

    .our-work .work-inner .img-col.media-1 {
        background-image: url("../assets/images/TCL_Card_Green.jpg")
    }

    .our-work .work-inner .img-col.media-2 {
        background-image: url("../assets/images/Mediatek_Card_Green.jpg")
    }

    .our-work .work-inner .img-col.media-3 {
        background-image: url("../assets/images/Realme_Card_Green.jpg")
    }

    .our-work .work-inner .img-col.media-4 {
        background-image: url("../assets/images/Oppo_Card_Green.jpg")
    }

    .our-work .work-inner .img-col.media-5 {
        background-image: url("../assets/images/Fragmented_Card_Green.jpg")
    }

    .our-work .work-inner .text-on-img {
        opacity: 1
    }

    .our-work .work-inner .image-sec .text-on-img {
        opacity: 1 !important;
        top: 70%
    }

    .our-work .work-inner .image-sec .text-on-img h3 {
        color: #fff
    }

    .our-work .work-inner .image-sec .text-on-img p {
        color: #fff
    }

    .our-work .card {
        padding-top: 0
    }

    .our-work #cards {
        grid-template-rows: repeat(var(--numcards), 80vw)
    }

    .our-work .work-inner .img-col {
        height: 100%
    }

    .our-work {
        padding-bottom: 0
    }

    section.what_client_say {
        padding-top: 40px
    }
}

@media (max-width:575px) {
    .our-work .work-inner .img-col {
        height: 100%
    }

    .our-work .connect .box .arrow {
        background-color: unset
    }

    .our-work .work-inner .image-sec .text-on-img h3 {
        font-size: 26px
    }

    .our-work .work-inner .image-sec .text-on-img p {
        font-size: 16px
    }

    .our-work .work-inner .connect a.primary-btn {
        padding-left: 20px;
        padding-right: 20px
    }

    .our-work .about-wrk .img_real img {
        width: 260px
    }
}

@media (max-width:480px) {
    #cards {
        grid-template-rows: repeat(var(--numcards), 90vw);
        gap: 50px
    }

    .our-work .work-inner .image-sec .text-on-img {
        top: 50%
    }

    .bnr-sec .bnr-head h1 {
        font-size: 35px
    }

    .bnr-sec {
        height: 550px
    }
}

.rolling-gif .gif-foot {
    padding: 0;
    justify-content: center
}

.rolling-gif .gif-foot .video-glb {
    width: 100%;
    height: 100%
}

.rolling-gif .gif-foot video.video-glb {
    width: 100%
}

.partner-section.type2 .partner-item img,
.partner-section.type3 .partner-item img {
    filter: unset
}

.values-sec .right .cnt .item h5 {
    position: relative;
    padding-left: 18px
}

.values-sec .right .cnt .item h5::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 3px;
    color: #fff;
    font-size: 18px;
    line-height: 1
}

.create-impact .right .contact-form button.primary-btn {
    position: relative
}

.create-impact .right .contact-form button.primary-btn .arrow {
    position: absolute;
    right: -60px
}

.create-impact .right .contact-form .form-group input:focus,
.create-impact .right .contact-form .form-group textarea:focus {
    background-color: #fff;
    color: #000;
    outline: none;
    border-bottom: 1px solid #000
}

.hero-renaissance .hero-text h1 span {
    color: #ff3b3b
}

.work-sec-bnr .page-center {
    margin: 0
}

.work-sec-bnr .sec-head h1 span {
    color: #09ff67
}

#backToTop {
    position: fixed;
    bottom: 30px;
    right: 30px;
    padding: 12px 16px;
    font-size: 18px;
    border: none;
    background-color: #333;
    color: white;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    border-radius: 50%;
    width: 60px;
    height: 60px
}

#backToTop.show {
    opacity: 1;
    visibility: visible
}

#backToTop:hover {
    background-color: #555
}

@media (min-width:768px) {
    .trust-brands .sec-head {
        padding-bottom: 50px
    }

    .hero-renaissance .hero-text p {
        font-size: 22px !important
    }

    .work-sec-bnr .text p {
        font-size: 22px !important
    }
}

@media (max-width:1680px) {
    .who-we-are .right-col .item:last-child .feat-count p {
        position: relative;
        left: -10px
    }
}

@media (max-width:1680px) and (min-width:1400px) {
    .who-we-are .right-col .item .feat-count p {
        font-size: 26px
    }

    .tabber_sec .website-header .lower-sec {
        gap: 20px
    }

    .our-work .work-inner .image-sec .text-on-img p {
        font-size: 20px
    }
}

@media (max-width:1440px) {
    .who-we-are .right-col .item:last-child .feat-count p {
        left: -12px
    }
}

@media (max-width:991px) {
    .partner-section.type3 {
        padding: 30px 0
    }
}

@media (max-width:767px) {
    .our-work .about-wrk .img_real {
        display: none
    }

    .our-work .about-wrk .text-cnt {
        display: flex
    }

    .our-work .about-wrk .right {
        flex-shrink: 0
    }

    .our-work .about-wrk .right h3 {
        font-size: 50px
    }

    .our-work .about-wrk .left h3 {
        font-size: 30px
    }
}

@media (max-width:575px) {
    .who-we-are .right-col .about-det .item:last-child .feat-img {
        margin-left: 0;
        margin-right: unset
    }

    .who-we-are .right-col .item:last-child .feat-count p {
        left: 7px
    }
}

@media (max-width:480px) {
    .who-we-are .right-col .item:last-child .feat-count p {
        left: unset
    }

    .who-we-are .right-col .item:last-child .feat-count p span {
        display: none
    }

    .our-work .about-wrk .text-cnt {
        margin-left: 0
    }

    .our-work .about-wrk .text-cnt .right {
        flex: 0 0 auto;
        margin-right: 15px
    }

    .our-work .about-wrk .text-cnt .left {
        flex: 1
    }

    .our-work .about-wrk .text-cnt .right {
        margin-right: 50px
    }

    .our-work .about-wrk .text-cnt .right {
        margin-right: 0
    }
}

.who-we-are .right-col .item .img-col .def-img {
    display: none
}

.why-us-new .bottom .right .gif .coffee {
    max-height: 260px
}

.why-us-new .why-us-cnt .bottom .left .left-inner .top {
    gap: 10px
}

.why-us-new .why-us-cnt .top .right .item-one {
    width: 100%;
    display: block
}

.our_services_section .slider_items .btm_cont .img-col .def-img {
    display: none
}

.tabber_sec .grid-design .img-col.tall img.def-img {
    display: none
}

.why-us-new .bottom .right .text h3 {
    text-align: center
}

#unforgetable-sec {
    position: relative;
    height: 100vh;
    width: 100%;
    perspective: 1200px;
    overflow: hidden
}

#unforgetable-sec .center-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    text-align: center;
    pointer-events: none;
    color: white;
    padding: 0 100px;
    width: 100%
}

#unforgetable-sec .center-text h2 {
    font-size: 130px;
    line-height: 1.2;
    font-weight: bold;
    text-align: center
}

#unforgetable-sec .box {
    position: absolute;
    border-radius: 18px;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    transition: transform 0.15s linear
}

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

@media (max-width:1440px) and (min-width:1281px) {
    #unforgetable-sec .center-text h2 {
        font-size: 85px
    }
}

@media (max-width:1440px) {
    #unforgetable-sec .center-text h2 {
        font-size: 70px
    }

    #unforgetable-sec .center-text {
        padding: 0 50px
    }
}

@media (max-width:1280px) {
    #unforgetable-sec {
        height: 70vh
    }
}

@media (max-width:767px) {
    #unforgetable-sec .center-text h2 {
        font-size: 70px
    }

    #unforgetable-sec .center-text {
        padding: 0 30px
    }

    #unforgetable-sec {
        height: 40vh
    }
}

@media (max-width:575px) {
    #unforgetable-sec .center-text h2 {
        font-size: 28px
    }
}

.guess-otcm .page-center {
    max-width: 100%;
    padding: 0 100px
}

.guess-otcm .inner {
    display: flex;
    justify-content: space-between
}

.guess-otcm .left h2 span {
    display: block
}

.guess-otcm .right h2 {
    font-weight: 700;
    background-color: #8bf645;
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%);
    padding: 10px;
    color: #020202;
    font-size: 50px;
    text-transform: uppercase
}

.guess-otcm .right .below-text h3 {
    font-size: calc(36rem / 16 + 30 * ((100vw - 360px) / 1560));
    line-height: 90%;
    letter-spacing: -0.01em;
    text-transform: uppercase
}

.guess-otcm .right .below-text h3 {
    transition: 0.6s;
    position: relative;
    transition: all 0.6s ease;
    margin-bottom: 15px
}

.guess-otcm .right .below-text h3.active {
    color: #8bf645;
    transform: translateX(70px)
}

.guess-otcm .right .below-text h3::before {
    content: "➜";
    position: absolute;
    left: -40px;
    opacity: 0;
    transition: all 0.4s ease
}

.guess-otcm .right .below-text h3.active::before {
    opacity: 1;
    left: -70px
}

.guess-otcm .right .below-text {
    margin-top: 30px
}

#app {
    text-align: center;
    background-image: linear-gradient(-225deg, #8bf645 0%, #8bf645 29%, #8bf645 67%, #8bf645 100%);
    background-clip: border-box;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 2s linear infinite
}

@keyframes textclip {
    to {
        background-position: 200% center
    }
}

.guess-otcm .inner div#app {
    display: flex;
    justify-content: center;
    align-items: center
}

.guess-otcm .inner div#app span.Typewriter__wrapper {
    font-size: 50px;
    font-weight: 700
}

.guess-otcm {
    padding-top: 50px;
    padding-bottom: 70px
}

@media (max-width:1680px) {
    .guess-otcm .inner div#app span.Typewriter__wrapper {
        font-size: 40px
    }

    .guess-otcm .right h2 {
        font-size: 40px
    }

    .guess-otcm .right .below-text h3 {
        font-size: 40px
    }

    .guess-otcm .right .below-text h3.active::before {
        left: -50px
    }

    .guess-otcm .right .below-text h3::before {
        left: -30px
    }

    .guess-otcm .right .below-text h3.active {
        color: #8bf645;
        transform: translateX(50px)
    }
}

@media (max-width:1440px) {
    .guess-otcm .page-center {
        padding: 0 50px
    }
}

@media (max-width:1280px) {
    .guess-otcm .inner div#app span.Typewriter__wrapper {
        font-size: 35px
    }

    .guess-otcm .right h2 {
        font-size: 35px
    }

    .guess-otcm .right .below-text h3 {
        font-size: 35px
    }
}

@media (max-width:1100px) {
    .guess-otcm .inner {
        flex-direction: column;
        gap: 50px
    }

    .guess-otcm .right h2 {
        max-width: fit-content
    }

    .guess-otcm {
        padding-top: 0;
        overflow-x: clip
    }

    .our-work {
        padding-bottom: 0px
    }

    .guess-otcm .inner div#app span.Typewriter__wrapper {
        font-size: 40px
    }

    .guess-otcm .right h2 {
        font-size: 40px
    }

    .guess-otcm .right .below-text h3 {
        font-size: 40px
    }
}

@media (max-width:767px) {
    .guess-otcm .inner div#app span.Typewriter__wrapper {
        font-size: 28px
    }

    .guess-otcm .right h2 {
        font-size: 28px
    }

    .guess-otcm .right .below-text h3 {
        font-size: 28px
    }

    .guess-otcm .page-center {
        padding: 0 30px
    }
}

@media (min-width:1680px) {
    .our-work .about-wrk .right h3 {
        font-size: 85px
    }

    .our-work .about-wrk .left h3 {
        font-size: 55px
    }
}

@media (min-width:1681px) {
    .guess-otcm .inner div#app span.Typewriter__wrapper {
        font-size: 60px
    }
}

.our_services_section .slider_items {
    flex-shrink: 0
}

.our_services_section .slider-item {
    display: flex
}

.our_services_section .container.slider-item {
    display: flex
}

.our_services_section {
    overflow-x: hidden
}

.our_services_section .container.slider-item .slider_items {
    min-width: 33vw
}

.our_services_section .container.slider-item {
    display: flex;
    scroll-behavior: smooth
}

.slider_items {
    flex: 0 0 80vw
}

@media (min-width:768px) {
    .why-us-new .bottom .right .text h3:first-child {
        display: none
    }
}

@media (max-width:767px) {
    .why-us-new .bottom .right .gif video.coffee {
        display: none
    }

    .our_services_section .slider_items .btm_cont .img-col {
        width: 100% !important;
        max-width: 100% !important
    }

    #backToTop {
        width: 45px;
        height: 45px;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .our-work .work-inner {
        gap: 50px
    }

    .why-us-new .bottom .right .text h3 {
        font-size: 18px;
        padding-left: 0;
        text-align: right
    }

    .why-us-new .bottom .right .text {
        gap: 0
    }

    #unforgetable-sec {
        margin-bottom: 25px
    }

    .why-us-new .bottom .right .text h3:first-child {
        text-align: left
    }

    .why-us-new .why-us-cnt .bottom .right {
        gap: 0
    }
}

@media (max-width:575px) {
    .guess-otcm .inner div#app span.Typewriter__wrapper {
        font-size: 24px
    }

    .guess-otcm .right h2 {
        font-size: 26px
    }
}

@media (max-width:425px) {
    .video-section.future {
        margin-top: 25px !important
    }
}

[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
    transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
    transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
    transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
    transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
    transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
    transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
    transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
    transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
    transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
    transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
    transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
    transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
    transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
    transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
    transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
    transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
    transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
    transition-delay: 3s
}

[data-aos] {
    pointer-events: none
}

[data-aos].aos-animate {
    pointer-events: auto
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

@media screen {
    html [data-aos^=fade][data-aos^=fade] {
        opacity: 0;
        transition-property: opacity, -webkit-transform;
        transition-property: opacity, transform;
        transition-property: opacity, transform, -webkit-transform
    }

    html [data-aos^=fade][data-aos^=fade].aos-animate {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    html [data-aos=fade-up] {
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }

    html [data-aos=fade-down] {
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0)
    }

    html [data-aos=fade-right] {
        -webkit-transform: translate3d(-100px, 0, 0);
        transform: translate3d(-100px, 0, 0)
    }

    html [data-aos=fade-left] {
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0)
    }

    html [data-aos=fade-up-right] {
        -webkit-transform: translate3d(-100px, 100px, 0);
        transform: translate3d(-100px, 100px, 0)
    }

    html [data-aos=fade-up-left] {
        -webkit-transform: translate3d(100px, 100px, 0);
        transform: translate3d(100px, 100px, 0)
    }

    html [data-aos=fade-down-right] {
        -webkit-transform: translate3d(-100px, -100px, 0);
        transform: translate3d(-100px, -100px, 0)
    }

    html [data-aos=fade-down-left] {
        -webkit-transform: translate3d(100px, -100px, 0);
        transform: translate3d(100px, -100px, 0)
    }

    html [data-aos^=zoom][data-aos^=zoom] {
        opacity: 0;
        transition-property: opacity, -webkit-transform;
        transition-property: opacity, transform;
        transition-property: opacity, transform, -webkit-transform
    }

    html [data-aos^=zoom][data-aos^=zoom].aos-animate {
        opacity: 1;
        -webkit-transform: translateZ(0) scale(1);
        transform: translateZ(0) scale(1)
    }

    html [data-aos=zoom-in] {
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }

    html [data-aos=zoom-in-up] {
        -webkit-transform: translate3d(0, 100px, 0) scale(.6);
        transform: translate3d(0, 100px, 0) scale(.6)
    }

    html [data-aos=zoom-in-down] {
        -webkit-transform: translate3d(0, -100px, 0) scale(.6);
        transform: translate3d(0, -100px, 0) scale(.6)
    }

    html [data-aos=zoom-in-right] {
        -webkit-transform: translate3d(-100px, 0, 0) scale(.6);
        transform: translate3d(-100px, 0, 0) scale(.6)
    }

    html [data-aos=zoom-in-left] {
        -webkit-transform: translate3d(100px, 0, 0) scale(.6);
        transform: translate3d(100px, 0, 0) scale(.6)
    }

    html [data-aos=zoom-out] {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    html [data-aos=zoom-out-up] {
        -webkit-transform: translate3d(0, 100px, 0) scale(1.2);
        transform: translate3d(0, 100px, 0) scale(1.2)
    }

    html [data-aos=zoom-out-down] {
        -webkit-transform: translate3d(0, -100px, 0) scale(1.2);
        transform: translate3d(0, -100px, 0) scale(1.2)
    }

    html [data-aos=zoom-out-right] {
        -webkit-transform: translate3d(-100px, 0, 0) scale(1.2);
        transform: translate3d(-100px, 0, 0) scale(1.2)
    }

    html [data-aos=zoom-out-left] {
        -webkit-transform: translate3d(100px, 0, 0) scale(1.2);
        transform: translate3d(100px, 0, 0) scale(1.2)
    }

    html [data-aos^=slide][data-aos^=slide] {
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        visibility: hidden
    }

    html [data-aos^=slide][data-aos^=slide].aos-animate {
        visibility: visible;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    html [data-aos=slide-up] {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    html [data-aos=slide-down] {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    html [data-aos=slide-right] {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    html [data-aos=slide-left] {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    html [data-aos^=flip][data-aos^=flip] {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform
    }

    html [data-aos=flip-left] {
        -webkit-transform: perspective(2500px) rotateY(-100deg);
        transform: perspective(2500px) rotateY(-100deg)
    }

    html [data-aos=flip-left].aos-animate {
        -webkit-transform: perspective(2500px) rotateY(0);
        transform: perspective(2500px) rotateY(0)
    }

    html [data-aos=flip-right] {
        -webkit-transform: perspective(2500px) rotateY(100deg);
        transform: perspective(2500px) rotateY(100deg)
    }

    html [data-aos=flip-right].aos-animate {
        -webkit-transform: perspective(2500px) rotateY(0);
        transform: perspective(2500px) rotateY(0)
    }

    html [data-aos=flip-up] {
        -webkit-transform: perspective(2500px) rotateX(-100deg);
        transform: perspective(2500px) rotateX(-100deg)
    }

    html [data-aos=flip-up].aos-animate {
        -webkit-transform: perspective(2500px) rotateX(0);
        transform: perspective(2500px) rotateX(0)
    }

    html [data-aos=flip-down] {
        -webkit-transform: perspective(2500px) rotateX(100deg);
        transform: perspective(2500px) rotateX(100deg)
    }

    html [data-aos=flip-down].aos-animate {
        -webkit-transform: perspective(2500px) rotateX(0);
        transform: perspective(2500px) rotateX(0)
    }
}

.hs-inline-edit [data-aos^=fade][data-aos^=fade],
.hs-inline-edit [data-aos^=zoom][data-aos^=zoom] {
    opacity: 1
}

@keyframes loaderAnim {
    to {
        opacity: 1;
        transform: scale3d(0.5, 0.5, 1)
    }
}

.content {
    display: flex;
    flex-direction: column;
    position: relative;
    place-items: center
}

.blur-text {
    width: 70vw;
    max-width: 1000px;
    min-width: 300px;
    line-height: 1.2
}

.blur-text--1 {
    font-variation-settings: "wght" 420, "wdth" 100;
    letter-spacing: -0.05em
}

.blur-text--2 {
    font-family: "iki-mono-variable", sans-serif;
    font-variation-settings: "wdth" 80, "wght" 300
}

.blur-text--3 {
    font-variation-settings: "wght" 600, "wdth" 100;
    letter-spacing: -0.05em
}

.blur-text--4 {
    font-variation-settings: "wght" 400, "wdth" 95;
    letter-spacing: -0.05em
}

.our_services_section .cont .blur-text,
.who-we-are .left-col .sec-head .blur-text,
.why-us-new .sec-head .blur-text,
.video-section .content .blur-text,
.our-work .sec-head .blur-text,
.what_client_say .client_left .blur-text {
    width: unset;
    min-width: unset;
    max-width: unset
}

#unforgetable-sec .center-text .blur-text {
    width: 100%;
    max-width: 100%
}

.FadeText {}

.FadeText.animate span {
    animation: FadeText 0.6s forwards
}

@keyframes FadeText {
    from {
        opacity: 0.1
    }

    to {
        opacity: 1
    }
}

.who-we-are .right-col .item:last-child .feat-count p span:last-child span {
    opacity: 0 !important
}

.outcome.innovate .inner h1,
.outcome.innovate .inner .animate-text {
    color: #fff;
    margin-bottom: 35px;
    text-align: left;
    font-size: 130px;
    line-height: 1.11538461538;
    position: relative;
    z-index: 2
}

.outcome.innovate .inner p {
    color: #fff;
    max-width: 1000px;
    font-size: 24px;
    line-height: 160%;
    position: relative;
    font-weight: 700;
    text-align: left
}

.outcome.innovate::before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    background: linear-gradient(to right, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.9) 40%, rgba(0, 0, 0, 0.75) 70%, rgba(0, 0, 0, 0.4) 90%, rgba(0, 0, 0, 0) 100%)
}

.outcome.innovate .inner p:not(:last-child) {
    margin-bottom: 16px
}

.outcome.innovate video {
    width: 100%
}

.team-slider-outer img {
    width: 100%;
    display: block
}

.team-slider-outer .img-col {
    position: relative;
    overflow: hidden
}

.team-slider-outer .img-col img {
    width: 100%;
    display: block
}

.team-slider-outer .slider-item {
    margin: 0 10px;
    box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.23)
}

.team-slider-outer {
    box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.23);
    position: relative
}

.team-slider-outer .ws-next {
    right: 112px
}

.team-slider-outer .slick_btn {
    align-items: center;
    border-radius: 50%;
    display: flex !important;
    height: 40px;
    justify-content: center;
    position: absolute;
    top: 50%;
    width: 40px;
    z-index: 9
}

.team-slider-outer .ws-prev {
    left: 131px
}

.team-slider-outer .slick_btn .fa-solid {
    color: #fff;
    font-size: 23px
}

.team-slider-outer .slick_btn .fa-chevron-right:before {
    content: ""
}

.team-slider-outer .slick_btn .fa-chevron-left:before {
    content: ""
}

.team-slider-main .slick-slide {
    transition: transform 0.4s ease
}

.team-slider-outer .slider-item:hover {
    transform: scale(1.05);
    z-index: 10
}

.outcome.innovate {
    margin-bottom: 50px;
    position: relative;
    padding: 50px 0
}

.outcome.innovate .page-center {
    margin: 0;
    margin-right: auto
}

.outcome.innovate .inner .animate-text {
    padding: 8px 0
}

.values-sec {
    padding-top: 50px;
    padding-bottom: 50px;
    overflow-x: clip
}

.values-sec .page-center {
    max-width: 100%;
    padding-left: 100px;
    padding-right: 100px
}

.values-sec .sec-head {
    margin-bottom: 50px
}

.values-sec .sec-head .title {
    display: flex;
    justify-content: center
}

.values-sec .sec-head h2 {
    font-size: 130px;
    line-height: 1.11538461538;
    font-weight: 700
}

.values-sec .sec-head .animation {
    position: relative;
    z-index: -1;
    max-width: 308px;
    bottom: -90px;
    left: -1%;
    transform: scale(1, -1) rotate(180deg)
}

.values-sec .sec-head .animation img {
    width: 100%;
    transform: rotate(180deg)
}

.values-sec .values-inner {
    display: flex;
    align-items: flex-start;
    gap: 80px
}

.values-sec .values-inner .left {
    width: 60%;
    margin-bottom: -5px
}

.values-sec .values-inner .right {
    width: 40%
}

.values-sec .left .future-title {
    margin-bottom: 30px
}

.values-sec .left .future-title h4 {
    font-weight: 700;
    font-size: 52px;
    line-height: 1.5;
    color: #3157ff
}

.values-sec .left .text {
    margin-bottom: 87px
}

.values-sec .left .text p {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 30px
}

.values-sec .left .text p:last-child {
    margin: 0
}

.values-sec .values-inner .right .right-inner {
    background-color: #3157ff;
    border-radius: 10px;
    padding: 20px 22px;
    padding-bottom: 43px;
    padding-right: 67px
}

.values-sec .values-inner .right .title {
    margin-bottom: 54px
}

.values-sec .values-inner .right .title h4 {
    font-weight: 700;
    font-size: 52px;
    line-height: 1.30769230769;
    color: #fff
}

.values-sec .right .cnt .item p {
    font-size: 20px;
    line-height: 1.2
}

.values-sec .values-inner .right .cnt {
    display: flex;
    flex-direction: column;
    gap: 25px
}

.values-sec .right .cnt .item {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.values-sec .right .cnt .item h5 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2
}

.values-sec .values-inner .left .img-col {
    position: relative;
    overflow: hidden
}

.values-sec .values-inner .left .img-col img {
    width: 100%;
    display: block;
    border-radius: 8px
}

.values-sec .values-inner .left .img-col::after {
    content: "";
    position: absolute;
    inset: 0;
    background: #3157ff;
    mix-blend-mode: multiply;
    opacity: 0.9;
    transition: opacity 0.3s ease
}

.values-sec .values-inner .left .img-col:hover::after {
    opacity: 0
}

.team-slider {
    padding-top: 50px
}

.team-slider .sec-head {
    padding-left: 100px
}

.team-slider .sec-head .title {
    display: flex
}

.team-slider .sec-head h2 {
    font-size: 130px;
    line-height: 1.11538461538
}

.team-slider .sec-head .animation {
    position: relative;
    top: -37px;
    left: -1%;
    max-width: 300px
}

.team-slider .sec-head .animation img {
    width: 100%;
    transform: scale(1, -1) rotate(0deg)
}

.partner-section.type2 .partner-item .img-col,
.partner-section.type3 .partner-item .img-col {
    position: relative;
    display: inline-block
}

.partner-section.type2 .partner-item .img-col img,
.partner-section.type3 .partner-item .img-col img {
    display: block;
    transition: opacity 0.3s ease
}

.partner-section.type2 .partner-item .img-col .hov-img,
.partner-section.type3 .partner-item .img-col .hov-img {
    opacity: 1;
    filter: brightness(0) invert(1);
    transition: filter 0.4s ease
}

.partner-section.type2 .partner-item .img-col.special .hov-img,
.partner-section.type3 .partner-item .img-col.special .hov-img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.partner-section.type2 .partner-item .img-col:hover .hov-img,
.partner-section.type3 .partner-item .img-col:hover .hov-img {
    filter: none
}

.partner-section.type2 .partner-item .img-col:hover .def-img,
.partner-section.type3 .partner-item .img-col:hover .def-img {
    opacity: 0
}

.partner-section.type2 .partner-item .img-col.special:hover .hov-img,
.partner-section.type3 .partner-item .img-col.special:hover .hov-img {
    opacity: 1
}

.partner-section.type2 .partner-item,
.partner-section.type3 .partner-item {
    flex: unset;
    width: unset;
    margin-left: 15px;
    display: flex;
    align-items: center;
    gap: 40px
}

.partner-section.type2 .partner-item img:hover,
.partner-section.type3 .partner-item img:hover {
    transform: unset
}

.partner-section.type2 .partner-item img,
.partner-section.type3 .partner-item img {
    height: 50px;
    padding: 0 15px
}

.partner-section.type2,
.partner-section.type3 {
    background: #000
}

.trust-brands {
    padding-top: 100px
}

.trust-brands .sec-head {
    padding-left: 100px;
    padding-right: 100px
}

.trust-brands .sec-head h2 {
    font-size: 130px;
    line-height: 1.11538461538;
    margin-bottom: 30px
}

.trust-brands .full-width .text {
    margin-bottom: 30px
}

.trust-brands .full-width .text p {
    font-size: 20px;
    line-height: 1.5;
    max-width: 807px
}

.trust-brands .sec-head .title {
    display: flex;
    position: relative;
    align-items: flex-end
}

.trust-brands .sec-head .title .animation {
    max-width: 300px;
    bottom: -1%;
    left: -17.5%;
    position: absolute;
    left: 25%
}

.trust-brands .sec-head .title .animation img {
    transform: scale(1, -1) rotate(-1deg);
    width: 100%
}

.create-impact {
    padding-top: 70px;
    padding-bottom: 0px
}

.create-impact .page-center {
    max-width: 100%;
    padding-left: 100px;
    padding-right: 100px
}

.create-impact .impact-inner {
    display: flex;
    gap: 100px
}

.create-impact .left .sec-head .title {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.create-impact .sec-head .title h2 {
    font-size: 130px;
    line-height: 1.11538461538;
    font-weight: 700
}

.create-impact .sec-head .title .animation {
    max-width: 300px;
    position: relative;
    left: -3%
}

.create-impact .sec-head .title .animation img {
    max-width: 100%;
    transform: scale(1, -1) rotate(-1deg)
}

.create-impact .left .rolling-gif {
    max-width: 714px
}

.create-impact .left .rolling-gif img {
    max-width: 100%
}

.create-impact .right .contact-form {
    min-width: 700px;
    display: flex;
    flex-direction: column;
    gap: 15px
}

.create-impact .right .contact-form .form-group {
    display: flex;
    flex-direction: column
}

.outcome.innovate .hero-text {
    margin-top: 20px;
    opacity: 0;
    transform: translateY(30px);
    animation: fadeUp 1s ease forwards;
    animation-delay: 1s
}

@keyframes fadeUp {
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.team-slider .sec-head .title .blur-text {
    width: unset;
    max-width: unset;
    min-width: unset
}

.create-impact .right .contact-form .form-group input,
.create-impact .right .contact-form .form-group textarea {
    width: 100%;
    background-color: #000;
    border: none;
    border-bottom: 1px solid #fff;
    color: #737373;
    font-size: 24px;
    line-height: 1.5;
    padding-top: 15px;
    padding-bottom: 20px;
    padding-right: 10px;
    font-family: var(--font-primary)
}

.create-impact .right .contact-form .form-group textarea {
    padding-top: 15px;
    padding-bottom: 20px
}

.create-impact .right .contact-form input::-webkit-input-placeholder,
.create-impact .right .contact-form textarea::placeholder {
    color: #737373;
    font-size: 24px;
    line-height: 1.5
}

.create-impact .right .contact-form .form-group input:focus,
.create-impact .right .contact-form .form-group textarea {
    outline: none
}

.create-impact .right .contact-form button.primary-btn {
    max-width: fit-content;
    margin-top: 20px;
    border: none
}

.trust-brands .sec-head .img-col {
    position: relative;
    overflow: hidden
}

.trust-brands .sec-head .img-col img {
    width: 100%;
    display: block;
    border-radius: 8px
}

.trust-brands .sec-head .img-col::after {
    content: "";
    position: absolute;
    inset: 0;
    background: #3157ff;
    mix-blend-mode: multiply;
    opacity: 0.9;
    transition: opacity 0.3s ease
}

.trust-brands .sec-head .img-col:hover::after {
    opacity: 0
}

.trust-brands .sec-head {
    display: flex;
    align-items: center
}

.trust-brands .sec-head>div {
    width: calc(50% - 0px)
}

.trust-brands .sec-head .img-col img {
    width: 100%
}

.create-impact .left .rolling-gif .ambition {
    width: 100%
}

.values-sec .blur-text {
    width: unset;
    min-width: unset;
    max-width: unset;
    text-align: center
}

.values-sec .sec-head .animation {
    position: relative;
    z-index: -1;
    max-width: 308px;
    bottom: -90px;
    left: -1%;
    transform: scale(1, -1) rotate(180deg);
    display: none
}

.values-sec .val-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 45px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 50px
}

.values-sec .val-inner h4 {
    position: relative;
    margin: 0 0 1rem;
    font-weight: 700;
    font-size: 40px;
    line-height: 1.5;
    color: #fff
}

.values-sec .val-inner .val-img {
    position: relative;
    width: 55%
}

.values-sec .val-inner .val-img img {
    max-width: 100%;
    vertical-align: middle;
    box-shadow: 0 0.2em 1.2em rgba(61, 48, 41, 0.1);
    min-height: 500px;
    border-radius: 10px
}

.values-sec .val-inner .val-cnt {
    width: 40%
}

.values-sec .val-inner .val-cnt p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 30px
}

.values-sec .val-inner .val-cnt p:last-child {
    margin: 0
}

.pillar-sec {
    padding-top: 50px;
    padding-bottom: 50px
}

.pillar-sec .card-item {
    position: relative;
    height: 280px;
    background: #09ff67;
    display: flex;
    width: calc(30% - 60px);
    margin: 30px 0;
    border-radius: 10px
}

.pillar-sec .page-center {
    max-width: 100%;
    padding-left: 100px;
    padding-right: 100px
}

.pillar-sec .pillar-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 75px;
    align-items: center;
    text-align: center
}

.pillar-sec .card-item .imgBox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: 0.5s ease-in-out;
    border-radius: 10px
}

.pillar-sec .card-item:nth-child(1) .imgBox {
    background: unset;
    background-image: url("../assets/images/Intelligence-pillar.jpg");
    background-repeat: no-repeat;
    background-size: cover
}

.pillar-sec .card-item:nth-child(2) .imgBox {
    background: unset;
    background-image: url("../assets/images/Adaptability-pillar.jpg");
    background-repeat: no-repeat;
    background-size: cover
}

.pillar-sec .card-item:nth-child(3) .imgBox {
    background: unset;
    background-image: url("../assets/images/Human-insight-pillar.jpg");
    background-repeat: no-repeat;
    background-size: cover
}

.pillar-sec .card-item:nth-child(4) .imgBox {
    background: unset;
    background-image: url("../assets/images/Measurable-impact-pillar.jpg");
    background-repeat: no-repeat;
    background-size: cover
}

.pillar-sec .card-item:nth-child(5) .imgBox {
    background: unset;
    background-image: url("../assets/images/Integrity-pillar.jpg");
    background-repeat: no-repeat;
    background-size: cover
}

.pillar-sec .card-item .imgBox img {
    max-width: 100px;
    min-width: 100px;
    object-fit: cover;
    margin-top: 60px;
    transition: all 0.3s ease
}

.pillar-sec .card-item .imgBox::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 45px;
    color: #09ff67;
    font-weight: 700;
    transition: all 0.3s ease-in-out;
    opacity: 1
}

.pillar-sec .card-item .imgBox.cnt-active .img-text {
    opacity: 0
}

.pillar-sec .card-item .imgBox.cnt-active::before {
    color: rgba(255, 255, 255, 0.05)
}

.pillar-sec .card-item .arrow {
    text-align: 1;
    border-radius: 50%;
    width: 3rem;
    aspect-ratio: 1 / 1;
    padding: 0.5em;
    border: 0;
    background: conic-gradient(at right, #9ca3af, #4b5563, #1e40af);
    color: #fff;
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    transition: background-color 250ms ease;
    z-index: 9;
    display: flex;
    justify-content: center;
    align-items: center
}

.pillar-sec .card-item .arrow span {
    transition: transform 0.3s ease
}

.pillar-sec .card-item:hover span {
    transform: scale(1.3)
}

.pillar-sec .card-item .imgBox~.arrow i.fa-plus {
    transition: all 0.3s ease
}

.pillar-sec .card-item .imgBox.cnt-active~.arrow i.fa-plus {
    transform: rotate(45deg)
}

.pillar-sec .card-item .imgBox.cnt-active {
    width: 100px;
    height: 100px;
    left: -40px;
    top: calc(50% - 50px);
    transition: 0.5s ease-in-out;
    background: linear-gradient(to top, #b91c1c, #ef4444, #fca5a5)
}

.pillar-sec .card-item:nth-child(1) .imgBox.cnt-active {
    background: unset;
    background-image: url("../assets/images/Intelligence-pillar.jpg");
    background-repeat: no-repeat;
    background-size: cover
}

.pillar-sec .card-item:nth-child(2) .imgBox.cnt-active {
    background: unset;
    background-image: url("../assets/images/Adaptability-pillar.jpg");
    background-repeat: no-repeat;
    background-size: cover
}

.pillar-sec .card-item:nth-child(3) .imgBox.cnt-active {
    background: unset;
    background-image: url("../assets/images/Human-insight-pillar.jpg");
    background-repeat: no-repeat;
    background-size: cover
}

.pillar-sec .card-item:nth-child(4) .imgBox.cnt-active {
    background: unset;
    background-image: url("../assets/images/Measurable-impact-pillar.jpg");
    background-repeat: no-repeat;
    background-size: cover
}

.pillar-sec .card-item:nth-child(5) .imgBox.cnt-active {
    background: unset;
    background-image: url("../assets/images/Integrity-pillar.jpg");
    background-repeat: no-repeat;
    background-size: cover
}

.pillar-sec .card-item .imgBox.cnt-active img {
    margin: 0;
    height: 100px
}

.pillar-sec .card-item .content {
    position: absolute;
    right: 0;
    width: calc(100% - 75px);
    height: 100%;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center
}

.pillar-sec .heading h4 {
    font-size: 40px;
    text-align: center;
    margin-bottom: 30px;
    text-transform: uppercase
}

.pillar-sec .card-item .content p {
    color: #000;
    font-size: 18px;
    line-height: 1.2;
    text-align: left
}

.pillar-sec .card-item .content h4 {
    font-size: 35px;
    color: #000;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 20px;
    line-height: 1.2
}

.pillar-sec .card-item .imgBox .img-text {
    position: relative;
    z-index: 2;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
    text-align: center;
    font-size: 45px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    transition: all 0.3s ease;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.pillar-sec .card-item .imgBox::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
    border-radius: 10px
}

.create-impact .right .contact-form .form-group input,
.create-impact .right .contact-form .form-group textarea {
    padding-left: 10px
}

.values-sec .values-inner .left .img-col .def-img {
    display: none
}

.team-slider-outer .img-col .def-img {
    display: none
}

.trust-brands .sec-head .img-col .def-img {
    display: none
}

.outcome.innovate .heading {
    display: flex;
    gap: 30px
}

@keyframes textIn {
    0% {
        transform: translateY(100%)
    }

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

@keyframes textOut {
    0% {
        transform: translateY(0%)
    }

    100% {
        transform: translateY(-100%)
    }
}

.outcome.innovate .inner h1 span,
.outcome.innovate .inner .animate-text span {
    display: none;
    color: #4a7bff;
    font-weight: 700
}

.outcome.innovate .inner h1 span.text-in,
.outcome.innovate .inner .animate-text span.text-in {
    display: block;
    animation: textIn 0.5s ease
}

.outcome.innovate .inner h1 span.text-out,
.outcome.innovate .inner .animate-text span.text-out {
    animation: textOut 1s ease
}

html {
    scroll-behavior: smooth !important
}

#particles-js {
    background-image: url("../assets/images/about-us-bnr.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto;
    padding-bottom: 100px
}

@media (max-width:1680px) {
    .values-sec .values-inner .right .title {
        margin-bottom: 20px
    }

    .values-sec .right .cnt .item {
        gap: 15px
    }

    .values-sec .values-inner .right .cnt {
        gap: 20px
    }

    .values-sec .values-inner .right .right-inner {
        padding-bottom: 20px
    }

    .values-sec .values-inner .right .title h4 {
        font-size: 40px
    }

    .values-sec .values-inner .right .title h4 br {
        display: none
    }

    .values-sec .left .future-title h4 {
        font-size: 40px
    }

    .values-sec .left .text {
        margin-bottom: 55px
    }

    .values-sec .left .text p,
    .values-sec .right .cnt .item p {
        font-size: 18px
    }

    .create-impact .right .contact-form {
        min-width: 500px
    }

    .create-impact .impact-inner {
        gap: 50px
    }

    .pillar-sec .card-item .imgBox .img-text {
        font-size: 35px
    }

    .pillar-sec .card-item .content h4 {
        font-size: 28px
    }
}

@media (max-width:1440px) {

    .outcome.innovate .inner h1,
    .outcome.innovate .inner .animate-text {
        font-size: 70px
    }

    .outcome.innovate .inner h1 br,
    .outcome.innovate .inner .animate-text br {
        display: none
    }

    .outcome.innovate .inner p {
        max-width: unset;
        font-size: 20px
    }

    .values-sec .sec-head h2 {
        font-size: 70px
    }

    .values-sec .sec-head .animation {
        bottom: -30px;
        max-width: 200px
    }

    .values-sec .sec-head {
        margin-bottom: 20px
    }

    .values-sec .left .text p,
    .values-sec .right .cnt .item p {
        font-size: 16px
    }

    .values-sec {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .team-slider .sec-head h2 {
        font-size: 70px
    }

    .team-slider {
        padding-top: 32px;
        padding-bottom: 0px
    }

    .team-slider .sec-head .animation {
        max-width: 170px;
        left: -2%;
        top: 0%
    }

    .trust-brands {
        padding-top: 32px
    }

    .trust-brands .sec-head h2 {
        font-size: 70px
    }

    .trust-brands .sec-head h2 br {
        display: none
    }

    .create-impact .sec-head .title h2 {
        font-size: 70px
    }

    .create-impact .sec-head .title .animation {
        max-width: 200px;
        left: -5%
    }

    .create-impact .right .contact-form {
        min-width: 350px
    }

    .create-impact .impact-inner {
        gap: unset;
        justify-content: space-between
    }

    .values-sec .page-center {
        padding-left: 50px;
        padding-right: 50px
    }

    .team-slider .sec-head {
        padding-left: 50px;
        padding-right: 50px
    }

    .outcome .page-center {
        padding-left: 50px;
        padding-right: 50px
    }

    .trust-brands .sec-head {
        padding-left: 50px;
        padding-right: 50px
    }

    .trust-brands .sec-head .title .animation {
        left: -2.5%;
        max-width: 200px
    }

    .create-impact .page-center {
        padding-left: 50px;
        padding-right: 50px
    }

    .create-impact .left .rolling-gif {
        max-width: 90%
    }

    .outcome.innovate {
        margin-top: 0px;
        margin-bottom: 32px
    }

    .outcome.innovate .page-center {
        left: 50px
    }

    .pillar-sec .card-item .imgBox .img-text {
        font-size: 28px
    }

    .pillar-sec .card-item .content {
        padding: 15px;
        width: calc(100% - 60px)
    }

    .pillar-sec .card-item .content h4 {
        font-size: 24px
    }

    .pillar-sec .card-item .content p {
        font-size: 16px
    }

    .pillar-sec .card-item {
        height: 260px;
        width: calc(30% - 30px)
    }

    .pillar-sec .page-center {
        padding-left: 50px;
        padding-right: 50px
    }

    .trust-brands .sec-head .title .animation {
        left: 52%
    }

    .pillar-sec .card-item .imgBox .img-text {
        font-size: 28px
    }
}

@media (max-width:1440px) and (min-width:768px) {
    .create-impact .impact-inner .left {
        flex: 0 0 50%;
        max-width: 50%
    }

    .create-impact .impact-inner .right {
        flex: 0 0 50%;
        max-width: 50%;
        margin-left: 24px
    }
}

@media (max-width:1200px) {
    .trust-brands .sec-head .title .animation {
        max-width: 150px;
        left: 70%
    }
}

@media (max-width:1100px) {
    .team-slider-outer .ws-prev {
        left: 80px
    }

    .team-slider-outer .ws-next {
        right: 80px
    }

    .pillar-sec .card-item {
        width: calc(50% - 40px)
    }

    .pillar-sec .pillar-items {
        row-gap: 50px
    }

    .pillar-sec .card-item {
        width: calc(50% - 40px)
    }

    .pillar-sec .pillar-items {
        row-gap: 50px
    }
}

@media (max-width:1025px) {
    .values-sec .val-inner {
        flex-direction: column;
        gap: 50px;
        padding: 0 50px
    }

    .values-sec .val-inner .val-img,
    .values-sec .val-inner .val-cnt {
        width: 100%
    }

    .values-sec .sec-head {
        margin-bottom: 20px
    }

    .values-sec .val-inner .val-img img {
        min-height: auto
    }
}

@media (max-width:991px) {
    .values-sec .values-inner {
        flex-direction: column
    }

    .values-sec .values-inner .left {
        width: 100%
    }

    .values-sec .values-inner .right {
        width: 100%
    }

    .create-impact .impact-inner {
        flex-direction: column
    }

    .create-impact .sec-head .title h2 br {
        display: none
    }

    .values-sec .sec-head h2 br {
        display: none
    }

    .values-sec .sec-head {
        margin: 0
    }

    .values-sec .sec-head .animation,
    .team-slider .sec-head .animation,
    .trust-brands .sec-head .title .animation,
    .create-impact .sec-head .title .animation {
        display: none
    }

    .team-slider .sec-head {
        margin-bottom: 30px
    }

    .pillar-sec .heading h4 {
        font-size: 35px
    }

    .pillar-sec .pillar-items {
        column-gap: 50px
    }

    .trust-brands .sec-head {
        flex-direction: column
    }

    .trust-brands .sec-head>div {
        width: 100%
    }

    .pillar-sec .card-item {
        width: calc(50% - 25px)
    }
}

@media (max-width:767px) {
    .outcome.innovate .heading {
        gap: 10px
    }

    .outcome .page-center {
        padding-left: 30px;
        padding-right: 30px
    }

    .values-sec .page-center {
        padding-left: 30px;
        padding-right: 30px
    }

    .outcome.innovate {
        margin-top: 0px;
        margin-bottom: 25px
    }

    .values-sec {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .team-slider .sec-head {
        padding-left: 30px;
        padding-right: 30px
    }

    .team-slider {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .trust-brands .sec-head {
        padding-left: 30px;
        padding-right: 30px
    }

    .trust-brands {
        padding-top: 0
    }

    .create-impact .page-center {
        padding-left: 30px;
        padding-right: 30px
    }

    .create-impact {
        padding-top: 25px;
        padding-bottom: 0px
    }

    .create-impact .sec-head .title .animation {
        right: 0;
        max-width: 100px
    }

    .create-impact .sec-head .title h2 {
        font-size: 30px
    }

    .trust-brands .sec-head h2 {
        font-size: 30px
    }

    .trust-brands .sec-head .title .animation {
        max-width: 100px;
        left: 0%
    }

    .team-slider .sec-head h2 {
        font-size: 30px
    }

    .team-slider .sec-head .animation {
        max-width: 100px
    }

    .values-sec .sec-head h2 {
        font-size: 30px
    }

    .values-sec .sec-head .animation {
        max-width: 100px
    }

    .values-sec .left .future-title h4 {
        font-size: 24px
    }

    .values-sec .left .future-title {
        margin-bottom: 20px
    }

    .values-sec .left .text {
        margin-bottom: 30px
    }

    .values-sec .values-inner .right .title h4 {
        font-size: 24px
    }

    .create-impact .left .rolling-gif {
        max-width: 100%
    }

    .outcome.innovate .inner h1,
    .outcome.innovate .inner .animate-text {
        font-size: 36px;
        margin-bottom: 0px;
        padding-left: 0px
    }

    .outcome.innovate .inner p {
        font-size: 16px;
        line-height: 1.4
    }

    .values-sec .values-inner {
        gap: 50px
    }

    .create-impact .right .contact-form .form-group input,
    .create-impact .right .contact-form .form-group textarea {
        font-size: 20px;
        padding-top: 10px;
        padding-bottom: 15px
    }

    .trust-brands .full-width .text p {
        font-size: 16px
    }

    .team-slider-outer .ws-next {
        right: 50px
    }

    .team-slider-outer .ws-prev {
        left: 52px
    }

    .team-slider-outer .slider-item:hover {
        transform: scale(1.02)
    }

    .values-sec .sec-head .title {
        margin-bottom: 20px
    }

    .partner-section.type2 .partner-item .img-col img,
    .partner-section.type3 .partner-item .img-col img {
        width: 70%
    }

    .create-impact .right .contact-form input::-webkit-input-placeholder,
    .create-impact .right .contact-form textarea::placeholder {
        font-size: 20px
    }

    .pillar-sec .page-center {
        padding-left: 30px;
        padding-right: 30px
    }

    .pillar-sec .pillar-items {
        flex-direction: column;
        row-gap: 10px
    }

    .pillar-sec .card-item {
        width: calc(100% - 50px)
    }

    .pillar-sec .card-item .imgBox {
        background-position: center !important
    }

    .pillar-sec .card-item .content h4 {
        font-size: 26px
    }

    .pillar-sec .card-item {
        height: 240px
    }

    .pillar-sec .heading h4 {
        font-size: 25px;
        margin-bottom: 10px
    }

    .values-sec .val-inner h4 {
        font-size: 25px
    }

    .pillar-sec {
        padding: 25px 0
    }

    .partner-section.type2 .partner-item .img-col img,
    .partner-section.type3 .partner-item .img-col img {
        width: 100%
    }

    .trust-brands .sec-head .img-col {
        margin-bottom: 50px
    }

    .create-impact {
        padding-top: 50px;
        margin-bottom: 30px
    }

    .values-sec .right .cnt .item {
        gap: 5px
    }

    .pillar-sec .page-center {
        padding-left: 30px;
        padding-right: 30px
    }

    .pillar-sec .pillar-items {
        flex-direction: column;
        row-gap: 10px
    }

    .pillar-sec .card-item {
        width: calc(100% - 50px)
    }

    .pillar-sec .card-item .imgBox {
        background-position: center !important
    }

    .pillar-sec .card-item .content h4 {
        font-size: 26px
    }

    .pillar-sec .card-item {
        height: 240px
    }

    .pillar-sec {
        padding: 25px 0
    }

    .values-sec .val-inner .val-cnt p {
        font-size: 16px
    }

    .values-sec .val-inner {
        padding: 0 30px
    }
}

@media (max-width:575px) {

    .outcome.innovate .inner h1,
    .outcome.innovate .inner .animate-text {
        font-size: 26px;
        margin-bottom: 15px
    }

    .outcome.innovate {
        padding: 30px 0
    }
}

@media (max-width:480px) {
    .values-sec .sec-head {
        margin-bottom: 20px
    }

    .values-sec .left .future-title h4 {
        line-height: 1.2
    }

    .values-sec .values-inner .right .title h4 {
        line-height: 1.2
    }

    .values-sec .values-inner .right .right-inner {
        padding: 15px 15px
    }

    .team-slider-outer .ws-prev {
        left: 20px
    }

    .team-slider-outer .ws-next {
        right: 20px
    }

    .create-impact .right .contact-form {
        min-width: unset
    }

    .partner-section.type2 .partner-item,
    .partner-section.type3 .partner-item {
        gap: 0px
    }

    .partner-section.type2 .partner-item,
    .partner-section.type3 .partner-item {
        gap: 50px
    }

    .pillar-sec .card-item .imgBox .img-text {
        font-size: 24px
    }

    .pillar-sec .card-item .content h4 {
        font-size: 22px;
        margin-bottom: 5px
    }

    .pillar-sec .card-item {
        height: 210px
    }

    .pillar-sec .heading h4 {
        font-size: 24px
    }

    .values-sec .val-inner h4 {
        font-size: 24px
    }

    .pillar-sec .card-item .imgBox.cnt-active {
        width: 65px;
        height: 65px;
        top: calc(50% - 40px)
    }

    .pillar-sec .card-item .content {
        padding: 10px;
        padding-top: 0;
        width: calc(100% - 25px)
    }
}

.career-bnr {
    margin-bottom: 50px;
    position: relative;
    overflow: hidden;
    height: 700px;
    min-height: 700px
}

.career-bnr .bg-video {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1
}

.career-bnr .page-center {
    max-width: 100%;
    padding-left: 100px;
    padding-right: 100px;
    height: 100%
}

.career-bnr .content {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    z-index: 9
}

.career-bnr:before {
    background-color: #000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    position: absolute;
    opacity: 0.5
}

.career-bnr .content h1 {
    font-size: 130px;
    transition: all 0.3s ease;
    line-height: 1.2;
    padding-top: 0;
    padding-bottom: 0
}

.idea-sec {
    padding-top: 50px;
    padding-bottom: 50px
}

.idea-sec .page-center {
    max-width: 100%;
    padding-left: 100px;
    padding-right: 100px
}

.idea-sec .ideas-inner {
    display: flex;
    align-items: center
}

.idea-sec .ideas-inner .left,
.idea-sec .ideas-inner .right {
    width: 45%
}

.idea-sec .ideas-inner .spacer {
    width: 10%
}

.idea-sec .ideas-inner .left .sec-head h2 {
    font-size: 130px;
    line-height: 1.2
}

.idea-sec .ideas-inner .right p {
    font-size: 24px;
    line-height: 160%;
    line-height: 1.2;
    font-weight: 400
}

.company-features {
    padding-top: 50px;
    padding-bottom: 50px
}

.company-features .page-center {
    max-width: 100%;
    padding-left: 100px;
    padding-right: 100px
}

.company-features .cards-slider .type-one .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 80px
}

.company-features .cards-slider .type-two .inner {
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
    gap: 80px
}

.company-features .cards-slider .card-item.type-one .heading {
    position: relative;
    background: #fff;
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    padding: 0px
}

.company-features .cards-slider .card-item.type-one .heading h4 {
    color: #000;
    font-weight: 700;
    font-size: 40px
}

.company-features .cards-slider .card-item.type-one .heading:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 30px;
    background: #000;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px
}

.company-features .cards-slider .card-item.type-two .heading {
    position: relative;
    background: unset;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 100%;
    border-bottom-right-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    padding: 0px
}

.company-features .cards-slider .card-item.type-two .heading:after {
    content: "";
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 30px;
    background: #000;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px
}

.company-features .cards-slider .card-item.type-two.card-two .heading {
    background: #0035ff
}

.company-features .cards-slider .card-item.type-two .heading h4 {
    font-weight: 700;
    font-size: 40px
}

.company-features .cards-slider .card-item.type-two.card-four .heading {
    background: #ff0044
}

.company-features .cards-slider {
    min-height: 600px
}

.company-features .cards-slider .type-two {
    display: flex
}

.company-features .cards-slider .card-item .text {
    max-width: 280px;
    margin-left: auto;
    margin-right: auto
}

.company-features .cards-slider .card-item .text p {
    font-size: 20px;
    text-align: center
}

.company-features .cards-slider {
    display: flex;
    justify-content: center
}

.career-form-sec {
    margin-top: 50px;
    margin-bottom: 50px;
    position: relative;
    overflow: hidden;
    min-height: 850px
}

.career-form-sec .bg-video {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1
}

.career-form-sec .page-center {
    max-width: 100%;
    padding-left: 100px;
    padding-right: 100px;
    height: 100%;
    padding-top: 50px;
    padding-bottom: 50px
}

.career-form-sec .sec-head {
    margin-bottom: 90px
}

.career-form-sec .sec-head h3 {
    font-size: 40px;
    margin-bottom: 15px
}

.career-form-sec .sec-head p {
    font-size: 24px
}

.career-form-sec form {
    display: flex;
    flex-direction: column;
    gap: 40px
}

.career-form-sec form .form-col {
    display: flex;
    gap: 50px
}

.career-form-sec form .form-col .form-group {
    width: 48%
}

.career-form-sec form .form-col .form-group input {
    width: 100%;
    background: #000;
    opacity: 0.83;
    border: 1px solid #fb302f;
    min-height: 50px;
    border-radius: 5px;
    padding: 21px 27px;
    font-size: 24px;
    color: #fff
}

.career-form-sec form .form-col .form-group input:focus {
    outline: none
}

.career-form-sec form .form-col .form-group input::-webkit-input-placeholder {
    color: #fff;
    position: relative;
    z-index: 9
}

.career-form-sec form .form-col .form-group textarea {
    min-height: 130px;
    width: 100%;
    width: 100%;
    background: #000;
    opacity: 0.83;
    border: 1px solid #fb302f;
    border-radius: 5px;
    padding: 21px 27px;
    font-size: 24px;
    color: #fff
}

.career-form-sec form .form-col .form-group textarea::-webkit-input-placeholder {
    color: #fff;
    position: relative;
    z-index: 9
}

.career-form-sec form .form-col .form-group textarea:focus {
    outline: none
}

.career-form-sec form .form-col .form-group select {
    min-height: 70px;
    width: 100%;
    padding: 21px 27px;
    background: #000;
    opacity: 0.83;
    border: 1px solid #fb302f;
    color: #fff;
    font-size: 24px;
    border-radius: 5px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 21px 27px
}

.career-form-sec form .form-col .form-group select:focus {
    outline: none
}

.career-form-sec form .form-col .form-group .select-wrapper {
    position: relative;
    display: inline-block;
    width: 100%
}

.career-form-sec form .form-col .form-group .select-wrapper:after {
    content: "▼";
    position: absolute;
    right: 21px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 12px
}

.career-form-sec form .form-col .form-group label.label {
    width: 100%;
    display: block;
    margin-bottom: 30px;
    font-size: 24px
}

.career-form-sec form .upload-box {
    min-height: 70px;
    border: 1px solid #fb302f;
    border-radius: 5px;
    background: #000;
    opacity: 0.83;
    color: #fff;
    padding: 20px 35px;
    transition: 0.3s ease;
    display: block;
    width: 100%;
    font-size: 24px
}

.career-form-sec form .btn-with-arr button {
    padding: 21px 60px;
    border-radius: 5px;
    background: #fb302f;
    color: #fff;
    font-size: 24px;
    line-height: 1.2;
    outline: none;
    border: none
}

.career-form-sec:before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    background: #000;
    opacity: 0.5
}

.career-form-sec .page-center {
    position: relative
}

.career-form-sec .form-group {
    position: relative
}

.career-form-sec .error-msg {
    color: red;
    font-size: 12px;
    margin-top: 5px;
    display: block
}

.career-form-sec .form-group.error input,
.career-form-sec .form-group.error textarea,
.career-form-sec .form-group.error select {
    border-color: red
}

.career-form-sec form .form-col .form-group textarea {
    resize: none
}

@media (min-width:1441px) {
    .company-features .cards-slider .card-item.type-one .heading {
        width: 330px;
        height: 300px
    }

    .company-features .cards-slider .card-item.type-two .heading {
        width: 330px;
        height: 300px
    }
}

@media (max-width:1680px) {
    .idea-sec .ideas-inner .left .sec-head h2 {
        font-size: 90px
    }
}

@media (max-width:1440px) {
    .idea-sec .ideas-inner .left .sec-head h2 {
        font-size: 70px
    }

    .career-bnr .content h1 {
        font-size: 70px
    }

    .career-bnr {
        height: 600px;
        min-height: 600px
    }

    .idea-sec {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .career-bnr {
        margin-bottom: 25px
    }

    .company-features {
        padding-top: 25px;
        padding-bottom: 25px
    }
}

@media (max-width:1440px) and (min-width:1281px) {
    .company-features .cards-slider .card-item.type-one .heading {
        width: 280px;
        height: 250px
    }

    .company-features .cards-slider .card-item.type-two .heading {
        width: 280px;
        height: 250px
    }

    .company-features .cards-slider {
        min-height: 500px
    }

    .company-features .cards-slider .card-item.type-one .heading h4,
    .company-features .cards-slider .card-item.type-two .heading h4 {
        font-size: 35px
    }
}

@media (max-width:1280px) and (min-width:1101px) {
    .company-features .cards-slider .card-item.type-one .heading {
        width: 260px;
        height: 250px
    }

    .company-features .cards-slider .card-item.type-two .heading {
        width: 260px;
        height: 250px
    }
}

@media (max-width:1280px) {

    .company-features .cards-slider .card-item.type-one .heading h4,
    .company-features .cards-slider .card-item.type-two .heading h4 {
        font-size: 30px
    }

    .company-features .cards-slider .type-two {
        justify-content: center
    }

    .company-features .cards-slider .type-two .inner {
        gap: 50px
    }

    .company-features .cards-slider .slick-list {
        height: 100%;
        min-height: 500px
    }

    .company-features .cards-slider .slick-list .slick-track {
        min-height: 500px
    }

    .company-features .cards-slider .card-item {
        height: 100%;
        min-height: 500px
    }

    .company-features .cards-slider,
    .company-features .slick-dotted.slick-slider {
        margin-bottom: 0
    }

    .company-features .cards-slider {
        min-height: 500px
    }

    .company-features .cards-slider .card-item .text {
        max-width: 200px
    }

    .company-features .page-center {
        padding: 0 50px
    }

    .idea-sec .ideas-inner .left .sec-head h2 {
        font-size: 60px
    }

    .company-features .cards-slider .slick-prev,
    .company-features .cards-slider .slick-next {
        width: 40px;
        height: 40px
    }

    .company-features .cards-slider .slick-prev {
        left: -40px
    }

    .company-features .cards-slider .slick-next {
        right: -40px
    }

    .company-features .cards-slider .slick-prev:before,
    .company-features .cards-slider .slick-next:before {
        font-size: 40px
    }

    .idea-sec .page-center {
        padding: 0 50px
    }

    .career-form-sec .page-center {
        padding: 0 50px
    }

    .career-form-sec form .form-col .form-group input {
        padding: 11px 27px;
        font-size: 18px
    }

    .career-form-sec form {
        gap: 30px
    }

    .career-form-sec form .form-col .form-group select {
        padding: 11px 27px;
        font-size: 18px;
        min-height: 50px
    }

    .career-form-sec form .upload-box {
        min-height: 50px;
        padding: 11px 35px;
        font-size: 18px
    }

    .career-form-sec form .form-col .form-group textarea {
        min-height: 95px;
        font-size: 18px;
        padding: 11px 27px
    }

    .career-form-sec form .form-col .form-group label.label {
        margin-bottom: 20px;
        font-size: 18px
    }

    .career-form-sec form .btn-with-arr button {
        font-size: 18px;
        padding: 15px 40px
    }

    .career-form-sec {
        padding-top: 50px;
        min-height: 700px
    }

    .career-form-sec .sec-head {
        margin-bottom: 60px
    }

    .career-bnr .page-center {
        padding: 0 50px
    }
}

@media (max-width:1100px) and (min-width:992px) {
    .company-features .cards-slider .card-item.type-one .heading {
        width: 200px;
        height: 210px
    }

    .company-features .cards-slider .card-item.type-two .heading {
        width: 200px;
        height: 210px
    }
}

@media (max-width:1100px) {

    .company-features .cards-slider .card-item,
    .company-features .cards-slider {
        min-height: 420px
    }

    .company-features .cards-slider .card-item.type-one .heading h4,
    .company-features .cards-slider .card-item.type-two .heading h4 {
        font-size: 26px
    }

    .company-features .cards-slider .card-item .text p {
        font-size: 16px
    }
}

@media (max-width:991px) and (min-width:768px) {
    .company-features .cards-slider .card-item.type-one .heading {
        width: 185px;
        height: 210px
    }

    .company-features .cards-slider .card-item.type-two .heading {
        width: 185px;
        height: 210px
    }
}

@media (max-width:767px) {
    .company-features .page-center {
        padding: 0 30px
    }

    .company-features .cards-slider .card-item .text p {
        font-size: 16px
    }

    .idea-sec .ideas-inner .left .sec-head h2 {
        font-size: 40px
    }

    .idea-sec .ideas-inner .right p {
        font-size: 16px
    }

    .company-features .cards-slider .card-item.type-one .heading {
        width: 98%;
        height: 250px
    }

    .company-features .cards-slider .card-item.type-two .heading {
        width: 98%;
        height: 250px
    }

    .company-features .cards-slider .card-item .text {
        max-width: unset
    }

    .company-features .cards-slider .type-two {
        display: unset
    }

    .company-features .cards-slider,
    .company-features .cards-slider .slick-list .slick-track,
    .company-features .cards-slider .slick-list {
        min-height: 500px
    }

    .company-features .cards-slider .slick-list {
        height: 100%;
        padding: 0 10px !important
    }

    .company-features .cards-slider .type-one .inner,
    .company-features .cards-slider .type-two .inner {
        height: 100%;
        min-height: 500px
    }

    .company-features .cards-slider .card-item {
        min-height: 500px
    }

    .idea-sec .page-center {
        padding: 0 30px
    }

    .career-form-sec .page-center {
        padding: 0 30px
    }

    .career-bnr .page-center {
        padding: 0 30px
    }

    .career-bnr {
        height: 450px;
        min-height: 450px
    }

    .idea-sec .ideas-inner {
        flex-direction: column;
        gap: 20px
    }

    .idea-sec .ideas-inner .left,
    .idea-sec .ideas-inner .right {
        width: 100%
    }

    .career-form-sec form .form-col {
        flex-direction: column;
        gap: 20px
    }

    .career-form-sec form .form-col .form-group {
        width: 100%
    }

    .career-form-sec .sec-head {
        margin-bottom: 40px
    }

    .career-form-sec .sec-head p {
        font-size: 15px
    }

    .career-form-sec .sec-head h3 {
        font-size: 25px
    }

    .career-form-sec {
        min-height: unset;
        padding-top: 25px;
        padding-bottom: 25px
    }

    .career-form-sec form .form-col .form-group select {
        font-size: 16px;
        min-height: 40px
    }

    .career-form-sec form .form-col .form-group textarea {
        font-size: 16px;
        min-height: 80px
    }

    .career-form-sec form .upload-box {
        font-size: 16px;
        min-height: 40px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 6px 20px 10px 20px
    }

    .career-form-sec form .form-col .form-group input[type="email"],
    .career-form-sec form .form-col .form-group input[type="tel"],
    .career-form-sec form .form-col .form-group input[type="text"] {
        font-size: 16px;
        display: flex;
        justify-content: center;
        align-items: center;
        align-items: center;
        min-height: 40px
    }

    .career-form-sec form {
        gap: 20px
    }

    .career-form-sec form .btn-with-arr button {
        font-size: 16px;
        padding: 15px 30px
    }

    .career-form-sec form .form-col .form-group label.label {
        font-size: 16px
    }

    .career-bnr .content h1 {
        font-size: 40px
    }

    .career-form-sec form .form-col .form-group input,
    .career-form-sec form .form-col .form-group select,
    .career-form-sec form .form-col .form-group textarea {
        padding: 11px 20px
    }

    .company-features .cards-slider .slick-prev:before,
    .company-features .cards-slider .slick-next:before {
        font-size: 30px
    }

    .company-features .cards-slider .slick-prev {
        left: -25px;
        z-index: 9
    }

    .company-features .cards-slider .slick-next {
        right: -25px;
        z-index: 9
    }
}

@media (max-width:575px) {

    .company-features .cards-slider .type-one .inner,
    .company-features .cards-slider .type-two .inner {
        gap: 50px
    }

    .company-features .cards-slider .card-item.type-one .heading h4,
    .company-features .cards-slider .card-item.type-two .heading h4 {
        font-size: 26px
    }

    .career-bnr .content h1 {
        font-size: 30px
    }

    .idea-sec .ideas-inner .left .sec-head h2 {
        font-size: 30px
    }

    .career-bnr {
        height: 350px;
        min-height: 350px
    }

    .company-features .cards-slider .card-item,
    .company-features .cards-slider {
        min-height: 460px
    }
}

@media (max-width:375px) {

    .company-features .cards-slider .card-item.type-one .heading h4,
    .company-features .cards-slider .card-item.type-two .heading h4 {
        font-size: 22px
    }

    .company-features .cards-slider .card-item,
    .company-features .cards-slider {
        min-height: 400px
    }
}

.case-study-bnr {
    min-height: 938px;
    margin-bottom: 50px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: all 0.3s ease
}

.case-study-bnr.caseOne {
    background-image: url("../assets/images/case-study/tcl-banner-final.jpg")
}

.case-study-bnr.caseTwo {
    background-image: url("../assets/images/case-study/MediaTek-Case-Study-Banner.jpg")
}

.case-study-bnr.caseThree {
    background-image: url("../assets/images/case-study/oppo-banner-final.jpg")
}

.case-study-bnr.caseFour {
    background-image: url("../assets/images/case-study/Realme-Case-Study-Banner.jpg")
}

.case-study-bnr.caseFive {
    background-image: url("../assets/images/case-study/MediaTek-Transforming-Case-study-banner.jpg")
}

.case-study-bnr .bnr-head {
    max-width: 70%
}

.case-study-bnr .page-center {
    padding-left: 100px;
    padding-right: 100px;
    max-width: 100%;
    min-height: 938px;
    display: flex;
    align-items: center;
    align-items: center
}

.case-study-bnr.text_cont .page-center {
    min-height: 600px
}

.case-study-bnr .bnr-head h1 {
    font-size: 60px;
    font-weight: 700;
    line-height: 1.5
}

.service-overview {
    padding-top: 50px;
    padding-bottom: 50px
}

.service-overview .page-center {
    max-width: 100%;
    padding-left: 100px;
    padding-right: 100px
}

.service-overview .inner {
    display: flex;
    gap: 100px
}

.service-overview .inner>div {
    width: 50%
}

.service-overview .service-sec {
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 8px
}

.service-overview .service-sec .sec-inner {
    padding: 30px 40px
}

.service-overview .service-sec .sec-head {
    margin-bottom: 20px
}

.service-overview .service-sec .sec-head h2 {
    font-weight: bold;
    font-size: 62px;
    line-height: 1.2
}

.service-overview .service-sec .sec-text p {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 15px;
    transition: all 0.3s ease;
    position: relative
}

.service-overview .service-sec .sec-text p:before {
    content: "●";
    color: #fff;
    display: inline-block;
    padding-right: 10px
}

.service-overview .service-sec .sec-text p:hover,
.service-overview .service-sec .sec-text p:hover:before {
    color: #00ff2c
}

.service-overview .overview-sec {
    background-color: #00ff2c;
    border-radius: 8px
}

.service-overview .overview-sec .sec-inner {
    padding: 30px 40px
}

.service-overview .overview-sec .sec-head {
    margin-bottom: 20px
}

.service-overview .overview-sec .sec-head h2 {
    color: #000;
    font-weight: bold;
    font-size: 62px;
    line-height: 1.2
}

.service-overview .overview-sec .sec-text p {
    color: #000;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 15px
}

.service-overview .overview-sec .sec-text p:last-child {
    margin: 0
}

.strategy-sec {
    padding-top: 50px;
    padding-bottom: 50px
}

.strategy-sec .page-center {
    max-width: 100%;
    padding-left: 100px;
    padding-right: 100px
}

.strategy-sec .inner {
    display: flex;
    gap: 100px
}

.strategy-sec .inner>div {
    width: 50%
}

.strategy-sec .inner .img-col {
    position: relative;
    overflow: hidden
}

.strategy-sec .inner .img-col img {
    width: 100%;
    display: block
}

.strategy-sec .inner .img-col::after {
    content: "";
    position: absolute;
    inset: 0;
    background: #00ff2c;
    mix-blend-mode: multiply;
    opacity: 0.8;
    transition: opacity 0.3s ease
}

.strategy-sec .inner .img-col:hover::after {
    opacity: 0
}

.strategy-sec .content .sec-head {
    margin-bottom: 20px
}

.strategy-sec .content .sec-head h2 {
    font-weight: bold;
    font-size: 62px;
    line-height: 1.2;
    text-transform: uppercase
}

.strategy-sec .content .item {
    display: flex;
    flex-direction: column;
    gap: 60px
}

.strategy-sec .content .item .text h4 {
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 15px
}

.strategy-sec .content .item .text p {
    font-size: 24px;
    line-height: 1.3
}

.key-mom-sec {
    padding: 50px 0
}

.key-mom-sec .page-center {
    max-width: 100%;
    padding-left: 100px;
    padding-right: 100px
}

.key-mom-sec .inner .sec-head {
    margin-bottom: 50px;
    text-align: center
}

.key-mom-sec .inner .sec-head h2 {
    font-weight: bold;
    font-size: 62px;
    line-height: 1.2;
    text-transform: uppercase
}

.key-mom-sec .inner .cards-cnt {
    display: flex;
    flex-wrap: wrap;
    gap: 60px
}

.key-mom-sec .cards-cnt .card-item {
    width: calc(33.33% - 40px);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 8px;
    overflow: hidden
}

.key-mom-sec .cards-cnt .card-item .card-inner {
    padding: 30px;
    background-color: #000;
    transition: all 0.3s ease;
    height: 100%
}

.key-mom-sec .card-item .card-inner .text p {
    font-size: 24px;
    line-height: 1.5;
    transition: all 0.3s ease
}

.key-mom-sec .cards-cnt .card-item .card-inner:hover {
    background-color: #00ff2c
}

.key-mom-sec .card-item .card-inner:hover .text p {
    color: #000
}

.results-sec {
    padding: 50px 0
}

.results-sec .page-center {
    max-width: 100%;
    padding-left: 100px;
    padding-right: 100px
}

.results-sec .inner .sec-head {
    margin-bottom: 20px
}

.results-sec .inner .sec-head h2 {
    font-weight: bold;
    font-size: 62px;
    line-height: 1.2;
    text-transform: uppercase
}

.results-sec .inner .card-cnt {
    display: flex;
    flex-wrap: wrap;
    row-gap: 30px
}

.results-sec .inner .card-cnt .card-item {
    border-right: 1px solid rgba(255, 255, 255, 0.14);
    width: 25%
}

.results-sec .card-item .card-inner {
    padding: 0 20px
}

.results-sec .card-item:first-child .card-inner {
    padding-left: 0
}

.results-sec .inner .card-cnt .card-item:last-child {
    border: none
}

.results-sec .card-item .card-inner .card-title h4 {
    font-size: 50px;
    font-weight: 700;
    line-height: 1.5;
    color: #00ff2c;
    margin-bottom: 15px
}

.results-sec .card-item .card-inner .card-txt p {
    font-size: 24px;
    line-height: 1.5
}

.results-sec .inner .btm-text {
    margin-top: 40px;
    text-align: center
}

.results-sec .inner .btm-text h4 {
    font-size: 34px
}

.impact-sec {
    padding: 50px 0;
    background-color: #00ff2c
}

.impact-sec .page-center {
    max-width: 100%;
    padding-left: 100px;
    padding-right: 100px
}

.impact-sec .inner .sec-head {
    margin-bottom: 20px;
    text-align: center;
    text-align: center
}

.impact-sec .inner .sec-head h2 {
    font-weight: bold;
    font-size: 62px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #000
}

.impact-sec .inner .sec-text {
    max-width: 843px;
    margin: 0 auto
}

.impact-sec .inner .sec-text p {
    font-size: 24px;
    line-height: 1.5;
    color: #000;
    text-align: center;
    margin-bottom: 20px
}

.impact-sec .inner .sec-text p:last-child {
    margin: 0
}

.strategy-sec .inner .img-col img {
    width: 100%
}

.results-sec.caseTwo .inner .card-cnt .card-item {
    width: 33%
}

.key-mom-sec .card-item .card-inner h4 {
    font-size: 30px;
    margin-bottom: 20px;
    line-height: 1.2;
    transition: all 0.3s ease
}

.key-mom-sec .card-item .card-inner:hover h4 {
    color: #000
}

.key-mom-sec .card-item .card-inner:hover ul li {
    color: #000
}

.impact-sec .inner .sec-text ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 10px
}

.impact-sec .inner .sec-text ul li {
    text-align: center;
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 10px;
    color: #000
}

.strategy-sec .content .sec-head p {
    font-size: 24px;
    line-height: 1.2;
    margin-top: 15px
}

.strategy-sec .content .item .text ul {
    padding-left: 20px
}

.strategy-sec .content .item .text ul li {
    font-size: 24px;
    margin-bottom: 10px;
    line-height: 1.2
}

.strategy-sec .content .item .text ul li:last-child {
    margin-bottom: 0
}

.strategy-sec.caseFour .content .item .text p {
    margin-bottom: 20px
}

.strategy-sec.caseFour .content .item .text h3 {
    font-size: 26px;
    margin-bottom: 15px
}

.impact-sec.caseFour .inner .sec-text h4 {
    font-size: 30px;
    margin-bottom: 10px;
    line-height: 1.2;
    color: #000
}

.impact-sec.caseFour .inner .sec-text p {
    text-align: left
}

.impact-sec.caseFour .inner .sec-text ul {
    align-items: flex-start;
    padding-left: 20px
}

.results-sec.caseFour .card-item:nth-child(5) .card-inner {
    padding-left: 0
}

.impact-sec.caseFour .inner .sec-text ul li {
    text-align: left
}

.results-sec.caseFive .card-item:nth-child(5) .card-inner {
    padding-left: 0
}

.results-sec.caseFive .inner .card-cnt .card-item:last-child {
    border-right: 1px solid rgba(255, 255, 255, 0.14)
}

.impact-sec.caseThree .inner .sec-text p {
    text-align: left
}

.impact-sec.caseThree .inner .sec-text ul {
    align-items: flex-start;
    padding-left: 20px
}

.impact-sec.caseThree .inner .sec-text ul li {
    text-align: left
}

.case-study-bnr.text_cont {
    min-height: 600px;
    margin-bottom: 50px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: all 0.3s ease;
    align-items: center;
    justify-content: flex-start
}

.case-study-bnr.caseOne.text_cont {
    background-image: url("../assets/images/common-banner.jpg")
}

.content_sec .page-center {
    padding-left: 100px;
    padding-right: 100px;
    max-width: 100%;
    min-height: 938px;
    display: flex;
    align-items: center;
    align-items: center
}

.content_sec .page-center p {
    margin: 20px 0;
    line-height: 1.3
}

.content_sec .page-center h3 {
    margin-top: 30px;
    font-size: 30px;
    margin-top: 40px
}

.content_sec .page-center .content_wrap p strong {
    font-size: 22px
}

.content_sec .page-center ul {
    margin-bottom: 20px;
    list-style: disc;
    padding-left: 40px
}

.content_sec .page-center ul li {
    margin-bottom: 20px;
    list-style: disc;
    line-height: 1.3
}

.content_sec .page-center .ten-columns.content_wrap {
    width: 80%;
    margin: 0 auto
}

.strategy-sec .text h4 {
    color: #00ff2c
}

.strategy-sec .img-with-txt .text h4 {
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 15px
}

.strategy-sec .img-with-txt .text.desktop {
    margin-top: 60px
}

.strategy-sec .img-with-txt .text p {
    font-size: 24px;
    line-height: 1.14285714286;
    margin-bottom: 20px
}

.strategy-sec .img-with-txt .text ul {
    padding-left: 20px
}

.strategy-sec .img-with-txt .text ul li {
    font-size: 24px;
    margin-bottom: 10px;
    line-height: 1.2
}

.strategy-sec.caseFive .img-with-txt .text.desktop {
    margin-top: 30px
}

.key-mom-sec .slider-ctr {
    box-sizing: border-box;
    overflow: hidden;
    width: 1100px;
    margin: 0 auto;
    position: relative;
    height: 700px;
    box-shadow: 0px 14px 10px -21px #111;
    backdrop-filter: saturate(50%) blur(10px);
    border-color: rgba(251, 251, 253, 0.7);
    border-width: 15px;
    border-style: solid
}

.key-mom-sec .slider-ctr .slider-inner {
    width: 100%;
    height: 100%
}

.key-mom-sec .slider-ctr figure {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: 0.45s all cubic-bezier(0.65, 0.05, 0.36, 1);
    clip-path: inset(0 0 0 0)
}

.key-mom-sec .slider-ctr .item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: 100%
}

.key-mom-sec .slider-ctr>span {
    z-index: 99
}

.key-mom-sec .slider-ctr>span:nth-child(1) {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 5px;
    animation: animate1 2s linear infinite;
    top: 0px;
    background: linear-gradient(to right, #ff3d00, #00ff88, #ff3d00);
    animation: animate1 2s linear infinite;
    z-index: 10
}

@keyframes animate1 {
    0% {
        transform: translateX(-100%)
    }

    100% {
        transform: translateX(100%)
    }
}

.key-mom-sec .slider-ctr>span:nth-child(2) {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 5px;
    animation: animate2 2s linear infinite;
    animation-delay: 1s;
    right: 0px;
    background: linear-gradient(to bottom, #ff3d00, #00ff88, #ff3d00);
    animation: animate2 2s linear infinite;
    animation-delay: 0.5s;
    z-index: 10
}

@keyframes animate2 {
    0% {
        transform: translateY(-100%)
    }

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

.key-mom-sec .slider-ctr>span:nth-child(3) {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 5px;
    animation: animate3 2s linear infinite;
    bottom: 0px;
    background: linear-gradient(to left, #ff3d00, #00ff88, #ff3d00);
    animation: animate3 2s linear infinite;
    animation-delay: 1s;
    z-index: 10
}

@keyframes animate3 {
    0% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(-100%)
    }
}

.key-mom-sec .slider-ctr>span:nth-child(4) {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 5px;
    animation: animate4 2s linear infinite;
    animation-delay: 1s;
    left: 0px;
    background: linear-gradient(to top, #ff3d00, #00ff88, #ff3d00);
    animation: animate4 2s linear infinite;
    animation-delay: 1.5s;
    z-index: 10
}

@keyframes animate4 {
    0% {
        transform: translateY(100%)
    }

    100% {
        transform: translateY(-100%)
    }
}

.key-mom-sec .slider-ctr figcaption {
    position: absolute;
    bottom: 5%;
    left: 30px;
    background: #151715;
    padding: 15px 20px;
    border-radius: 10px
}

.key-mom-sec .slider-control {
    position: absolute;
    right: 30px;
    bottom: 30px;
    width: 80px;
    overflow: hidden;
    border-radius: 3px;
    box-shadow: 0 3px 3px 3px rgba(0, 0, 0, 0.15);
    z-index: 99
}

.key-mom-sec .slider-control .control {
    width: 50%;
    height: 40px;
    display: block;
    float: left;
    text-align: center;
    line-height: 40px;
    transition: 0.3s all ease;
    background: white
}

.key-mom-sec .slider-control .control .icon {
    pointer-events: none;
    transition: 0.3s all ease
}

.key-mom-sec .slider-control .control.disabled .icon {
    opacity: 0.5
}

.key-mom-sec .slider-control .control i {
    color: #000
}

.key-mom-sec .slider-ctr figure.slide.slide-on {
    clip-path: inset(0 100% 0 0)
}

.key-mom-sec .slider-ctr figure figcaption h4 {
    font-size: 30px;
    margin-bottom: 10px;
    line-height: 1.2;
    transition: all 0.3s ease
}

.key-mom-sec .slider-ctr figure figcaption .title {
    font-size: 30px;
    margin-bottom: 10px;
    color: white;
    transition: 0.3s all cubic-bezier(0.65, 0.05, 0.36, 1) 0.45s;
    -webkit-clip-path: inset(0 0 0 100%);
    clip-path: inset(0 0 0 100%);
    font-weight: 700;
    position: relative;
    max-width: 350px
}

.key-mom-sec .slider-ctr figure figcaption .text {
    font-size: 20px;
    color: white;
    font-weight: 400;
    position: relative;
    z-index: 9;
    max-width: 350px;
    transition: 0.3s all cubic-bezier(0.65, 0.05, 0.36, 1) 0.45s;
    -webkit-clip-path: inset(0 0 0 100%);
    clip-path: inset(0 0 0 100%)
}

.key-mom-sec .slider-control .control.disabled {
    pointer-events: none;
    background: #ddd
}

.key-mom-sec .slider-ctr figure.slide.text-on .text {
    transition: 0.3s all cubic-bezier(0.65, 0.05, 0.36, 1) 0.45s;
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0)
}

.key-mom-sec .slider-ctr figure.slide.text-on .title {
    transition: 0.3s all cubic-bezier(0.65, 0.05, 0.36, 1) 0.45s;
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0)
}

.key-mom-sec .slider-ctr figure figcaption .text ul {
    padding-left: 20px
}

.key-mom-sec .slider-ctr figure figcaption .text ul li {
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 10px;
    transition: all 0.3s ease
}

@media (min-width:651px) {
    .key-mom-sec .slider-ctr figure img.desk-job {
        display: block
    }

    .key-mom-sec .slider-ctr figure img.mob-img {
        display: none
    }
}

@media (min-width:1025px) {
    .strategy-sec .content .item .text.mobile {
        display: none
    }
}

@media (min-width:1281px) {

    .key-mom-sec .slider-ctr figure figcaption .text,
    .key-mom-sec .slider-ctr figure figcaption .title {
        max-width: unset
    }

    .key-mom-sec .slider-ctr figcaption {
        max-width: 700px
    }
}

@media (min-width:1900px) {
    .strategy-sec .content .item .text.mobile {
        display: block
    }

    .strategy-sec .img-with-txt .text.desktop {
        display: none
    }
}

@media (max-width:1440px) {
    .case-study-bnr .page-center {
        padding-left: 50px;
        padding-right: 50px
    }

    .service-overview .page-center {
        padding: 0 50px
    }

    .strategy-sec .page-center {
        padding-left: 50px;
        padding-right: 50px
    }

    .key-mom-sec .page-center {
        padding: 0 50px
    }

    .results-sec .page-center {
        padding: 0 50px
    }

    .impact-sec .page-center {
        padding: 0 50px
    }

    .case-study-bnr {
        margin-bottom: 25px
    }

    .service-overview {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .strategy-sec {
        padding: 25px 0
    }

    .key-mom-sec {
        padding: 25px 0
    }

    .results-sec {
        padding: 25px 0;
        padding-bottom: 50px
    }

    .impact-sec {
        padding: 25px 0
    }

    .service-overview .inner {
        gap: 50px
    }

    .key-mom-sec .inner .cards-cnt {
        gap: 40px
    }

    .case-study-bnr .bnr-head h1 {
        font-size: 55px
    }

    .service-overview .service-sec .sec-head h2 {
        font-size: 50px
    }

    .service-overview .overview-sec .sec-head h2 {
        font-size: 50px
    }

    .strategy-sec .content .sec-head h2 {
        font-size: 50px
    }

    .key-mom-sec .inner .sec-head h2 {
        font-size: 50px
    }

    .results-sec .inner .sec-head h2 {
        font-size: 50px
    }

    .impact-sec .inner .sec-head h2 {
        font-size: 50px
    }

    .key-mom-sec .slider-ctr figure figcaption h4 {
        font-size: 24px;
        margin-bottom: 10px
    }

    .key-mom-sec .card-item .card-inner:hover h4 {
        color: #000
    }

    .impact-sec .inner .sec-text ul li {
        font-size: 22px
    }

    .strategy-sec.caseFour .content .item .text h3 {
        font-size: 24px
    }

    .impact-sec.caseFour .inner .sec-text h4 {
        font-size: 26px
    }
}

@media (max-width:1280px) {
    .service-overview .service-sec .sec-text p {
        font-size: 20px;
        margin-bottom: 10px
    }

    .service-overview .overview-sec .sec-text p {
        font-size: 20px
    }

    .strategy-sec .content .item .text p {
        font-size: 20px
    }

    .key-mom-sec .card-item .card-inner .text p {
        font-size: 20px
    }

    .results-sec .card-item .card-inner .card-txt p {
        font-size: 20px
    }

    .impact-sec .inner .sec-text p {
        font-size: 20px
    }

    .impact-sec .inner .sec-text ul li {
        font-size: 20px
    }

    .case-study-bnr.caseThree .bnr-head {
        max-width: 100%
    }

    .impact-sec.caseFour .inner .sec-text h4 {
        font-size: 24px
    }

    .key-mom-sec .slider-ctr {
        width: 90%
    }

    .key-mom-sec .slider-ctr figure figcaption .text,
    .key-mom-sec .slider-ctr figure figcaption .title {
        max-width: 700px
    }
}

@media (max-width:1110px) and (min-width:768px) {
    .key-mom-sec .cards-cnt .card-item {
        width: calc(50% - 40px)
    }

    .key-mom-sec .inner .cards-cnt {
        justify-content: center
    }

    .results-sec .inner .card-cnt .card-item {
        width: 50%
    }

    .results-sec .inner .card-cnt {
        row-gap: 40px
    }

    .results-sec .card-item:nth-child(3) .card-inner {
        padding-left: 0
    }

    .results-sec .inner .card-cnt .card-item:last-child {
        border-right: 1px solid rgba(255, 255, 255, 0.14)
    }

    .results-sec .inner .btm-text h4 {
        font-size: 30px
    }

    .key-mom-sec .slider-ctr .item img {
        object-fit: unset
    }

    .key-mom-sec .slider-ctr {
        height: 500px
    }

    .key-mom-sec .slider-ctr figure figcaption .text {
        font-size: 17px
    }

    .key-mom-sec .slider-ctr figcaption {
        padding: 10px;
        bottom: 8%
    }
}

@media (767px<= width <=1024px)
{
    section.experience-grid .grid-item.m-top.is-visible {
        margin-top: -330px;
    }
}


@media (max-width:1024px) {
    .service-overview .inner {
        flex-direction: column
    }

    .service-overview .inner>div {
        width: 100%
    }

    .strategy-sec .inner {
        flex-direction: column;
        gap: 50px
    }

    .strategy-sec .inner>div {
        width: 100%
    }

    .case-study-bnr.text_cont .page-center,
    .case-study-bnr {
        min-height: 600px
    }

    .case-study-bnr .bnr-head h1 br {
        display: none
    }

    .case-study-bnr .bnr-head {
        max-width: 100%
    }

    .strategy-sec .content .item .text.mobile {
        display: block
    }

    .strategy-sec .img-with-txt .text.desktop {
        display: none
    }

    .key-mom-sec .slider-ctr.with-head figure figcaption .text,
    .key-mom-sec .slider-ctr.with-head figure figcaption .title {
        max-width: 480px
    }

    .key-mom-sec .slider-ctr figure figcaption .title {
        font-size: 25px
    }

    .key-mom-sec .slider-ctr figure figcaption .text ul li {
        font-size: 17px
    }
}

@media (max-width:767px) {
    .case-study-bnr .bnr-head h1 {
        font-size: 40px
    }

    .case-study-bnr .page-center,
    .case-study-bnr {
        min-height: 400px
    }

    .service-overview .service-sec .sec-head h2 {
        font-size: 34px
    }

    .service-overview .service-sec .sec-inner {
        padding: 20px
    }

    .service-overview .overview-sec .sec-inner {
        padding: 20px
    }

    .service-overview .overview-sec .sec-head h2 {
        font-size: 34px
    }

    .service-overview .service-sec .sec-text p {
        font-size: 16px
    }

    .service-overview .overview-sec .sec-text p {
        font-size: 16px
    }

    .strategy-sec .content .sec-head h2 {
        font-size: 34px
    }

    .strategy-sec .content .item .text h4 {
        font-size: 24px
    }

    .strategy-sec .content .item .text p {
        font-size: 16px
    }

    .strategy-sec .content .item {
        gap: 30px
    }

    .key-mom-sec .inner .sec-head h2 {
        font-size: 34px
    }

    .key-mom-sec .inner .cards-cnt {
        flex-direction: column
    }

    .key-mom-sec .cards-cnt .card-item {
        width: 100%
    }

    .key-mom-sec .card-item .card-inner .text p {
        font-size: 16px
    }

    .key-mom-sec .cards-cnt .card-item .card-inner {
        padding: 20px
    }

    .results-sec .inner .sec-head h2 {
        font-size: 34px
    }

    .results-sec .inner .card-cnt .card-item {
        width: 100%;
        border: none
    }

    .results-sec .card-item .card-inner {
        padding: 0
    }

    .impact-sec .inner .sec-head h2 {
        font-size: 34px
    }

    .impact-sec .inner .sec-text p {
        font-size: 16px
    }

    .results-sec .inner .card-cnt {
        gap: 20px
    }

    .key-mom-sec .page-center {
        padding: 0 30px
    }

    .results-sec .page-center {
        padding: 0 30px
    }

    .impact-sec .page-center {
        padding: 0 30px
    }

    .strategy-sec .page-center {
        padding: 0 30px
    }

    .service-overview .page-center {
        padding: 0 30px
    }

    .case-study-bnr .page-center {
        padding: 0 30px
    }

    .results-sec .card-item .card-inner .card-title h4 {
        font-size: 30px
    }

    .results-sec .card-item .card-inner .card-txt p {
        font-size: 16px
    }

    .results-sec .inner .btm-text h4 {
        font-size: 26px
    }

    .key-mom-sec .slider-ctr figure figcaption h4 {
        font-size: 22px;
        margin-bottom: 10px
    }

    .key-mom-sec .slider-ctr figure figcaption .text ul li {
        font-size: 15px;
        margin-bottom: 5px
    }

    .impact-sec .inner .sec-text ul li {
        font-size: 16px
    }

    .strategy-sec.caseFour .content .item .text h3 {
        font-size: 20px;
        margin-bottom: 10px
    }

    .impact-sec.caseFour .inner .sec-text h4 {
        font-size: 22px
    }

    .strategy-sec .content .item .text ul li {
        font-size: 16px
    }

    .strategy-sec .content .sec-head p {
        font-size: 16px
    }

    .case-study-bnr .bnr-head {
        max-width: 100%
    }

    .results-sec.caseFive .inner .card-cnt .card-item:last-child {
        border: none
    }

    .case-study-bnr.text_cont {
        min-height: 400px
    }

    .content_sec .page-center {
        padding: 50px 30px;
        margin: 0
    }

    .key-mom-sec .slider-ctr {
        height: 500px;
        width: 100%;
        border-width: 10px
    }

    .key-mom-sec .slider-ctr figure figcaption .text {
        font-size: 16px
    }

    .key-mom-sec .slider-ctr figcaption {
        padding: 10px;
        bottom: 8%;
        left: 15px
    }

    .key-mom-sec .slider-control {
        bottom: 10px
    }

    .key-mom-sec .slider-ctr .item img {
        object-fit: unset
    }

    .key-mom-sec .slider-ctr {
        width: 90%
    }

    .service-overview .service-sec .sec-text p:before {
        height: 100%;
        position: absolute;
        margin-right: 10px;
        left: 0
    }

    .service-overview .service-sec .sec-text p {
        padding-left: 20px
    }

    .key-mom-sec .slider-ctr figure figcaption .title {
        font-size: 24px
    }

    .key-mom-sec .slider-ctr.with-head figure figcaption .text,
    .key-mom-sec .slider-ctr.with-head figure figcaption .title {
        max-width: 400px
    }

    .key-mom-sec .slider-ctr:not(.with-head) figcaption {
        max-width: 400px
    }

    .content_sec .page-center .ten-columns.content_wrap {
        width: 100%
    }
}

@media (max-width:650px) {
    .key-mom-sec .slider-ctr .item img.desk-job {
        display: none
    }

    .key-mom-sec .slider-ctr .item img {
        object-fit: contain;
        width: 100%;
        height: 100%
    }

    .key-mom-sec .slider-ctr {
        height: 350px
    }

    .key-mom-sec .slider-ctr.with-head {
        height: 500px
    }

    .key-mom-sec .slider-ctr figcaption {
        bottom: 3%
    }

    .key-mom-sec .slider-ctr:not(.with-head) figcaption {
        max-width: 300px
    }
}

@media (width<=650px)
{
   .our-work .page-center .about-wrk .text-cnt .right h3 {
      font-size:45px;
   }
.our-work .page-center .about-wrk .text-cnt .right {
      position:relative;
      top: 10px;
   }
}

@media (max-width:650px) and (min-width:481px) {
    .key-mom-sec .slider-ctr {
        width: 90%
    }

    .key-mom-sec .slider-ctr figcaption {
        max-width: 270px
    }

    .key-mom-sec .slider-ctr.with-head figcaption {
        max-width: 300px
    }

    .key-mom-sec .slider-ctr .item img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: top
    }

    .key-mom-sec .slider-ctr figcaption {
        bottom: 4%;
        left: 20px
    }

    .key-mom-sec .slider-ctr figure img.desk-job {
        display: none
    }

    .key-mom-sec .slider-ctr {
        height: 450px
    }

    .key-mom-sec .slider-ctr.with-head {
        height: 500px
    }
}

@media (max-width:575px) {
    .case-study-bnr .bnr-head h1 {
        font-size: 32px;
        line-height: 1.2
    }

    .service-overview .service-sec .sec-head h2 {
        font-size: 28px
    }

    .service-overview .service-sec .sec-head {
        margin-bottom: 15px
    }

    .service-overview .overview-sec .sec-head h2 {
        font-size: 28px
    }

    .service-overview .overview-sec .sec-head {
        margin-bottom: 15px
    }

    .service-overview .inner {
        gap: 30px
    }

    .strategy-sec .content .sec-head h2 {
        font-size: 28px
    }

    .strategy-sec .content .sec-head {
        margin-bottom: 15px
    }

    .strategy-sec .content .item {
        gap: 20px
    }

    .strategy-sec .inner {
        gap: 30px
    }

    .key-mom-sec .inner .sec-head h2 {
        font-size: 28px
    }

    .key-mom-sec .inner .cards-cnt {
        gap: 20px
    }

    .results-sec .inner .sec-head h2 {
        font-size: 28px
    }

    .impact-sec .inner .sec-head h2 {
        font-size: 28px
    }

    .impact-sec .inner .sec-head {
        margin-bottom: 15px
    }

    .case-study-bnr .bnr-head {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .case-study-bnr.caseOne {
        background-image: url("../assets/images/case-study/TCL-Mobile.jpg")
    }

    .case-study-bnr.caseTwo {
        background-image: url("../assets/images/case-study/MediaTek-banner-Mobile.jpg")
    }

    .case-study-bnr.caseThree {
        background-image: url("../assets/images/case-study/Oppo-Mobile.jpg")
    }

    .case-study-bnr.caseFour {
        background-image: url("../assets/images/case-study/RealMeMobile.jpg")
    }

    .case-study-bnr.caseFive {
        background-image: url("../assets/images/case-study/MediaTek2-Mobile.jpg")
    }

    .case-study-bnr {
        min-height: 600px;
        position: relative
    }

    .case-study-bnr .page-center {
        align-items: flex-start;
        z-index: 1;
        position: relative
    }

    .case-study-bnr:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0
    }

    .key-mom-sec .slider-control {
        right: 10px
    }

    .key-mom-sec .slider-ctr figcaption {
        left: 10px
    }

    .key-mom-sec .slider-control .control {
        height: 35px;
        line-height: 35px
    }

    .key-mom-sec .slider-ctr .item img {
        object-position: top
    }

    .key-mom-sec .slider-ctr figcaption {
        max-width: 240px
    }

    .key-mom-sec .slider-ctr.with-head {
        height: 550px
    }
}

@media (max-width:480px) {
    .key-mom-sec .slider-ctr figcaption {
        max-width: 250px
    }

    .key-mom-sec .slider-ctr figure figcaption .text {
        font-size: 14px
    }

    .key-mom-sec .slider-ctr figure figcaption .text ul li {
        font-size: 14px;
        margin-bottom: 5px
    }

    .key-mom-sec .slider-ctr figure figcaption .text ul li:last-child {
        margin-bottom: 0
    }

    .key-mom-sec .slider-ctr:not(.with-head) {
        height: 450px
    }

    .key-mom-sec .slider-ctr:not(.with-head) figcaption {
        bottom: 15%
    }
}

@media (max-width:425px) {

    .our-work .page-center .about-wrk .text-cnt .right {
        position: relative;
        top: 20px;
    }

    .key-mom-sec .slider-ctr figcaption {
        max-width: 250px
    }

    .key-mom-sec .slider-ctr.with-head figcaption {
        bottom: 10%;
        max-width: 290px
    }

    .key-mom-sec .slider-ctr.with-head:not(.two) figcaption {
        bottom: 12%
    }
}

@media (max-width:375px) {
    .key-mom-sec .slider-ctr figcaption {
        bottom: 12%
    }

    .key-mom-sec .slider-ctr.with-head {
        height: 480px
    }

    .key-mom-sec .slider-ctr.with-head.two {
        height: 540px
    }

    .key-mom-sec .slider-ctr:not(.with-head) {
        height: 380px
    }

    .key-mom-sec .slider-ctr:not(.with-head) figcaption {
        max-width: 240px
    }

    .key-mom-sec .slider-ctr.with-head figcaption {
        max-width: 250px
    }
}

@media (max-width:350px) {
    .key-mom-sec .slider-ctr figcaption {
        bottom: 15%
    }
}

.video-section {
    position: relative;
    overflow: hidden
}

.video-section.future {
    margin-top: 100px;
    margin-bottom: 50px
}

.video-section .bg-video {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1
}

.video-section.outcome {
    padding: 50px 0
}

.video-section .content {
    position: relative;
    z-index: 1;
    text-align: center
}

.video-section.future .content h2 {
    font-size: 50px;
    text-align: center;
    line-height: 1.2;
    margin: 0;
    margin-bottom: 30px;
    color: #fff
}

.video-section .content {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.video-section.future .content h3 {
    text-align: center;
    line-height: 1.22222222222;
    font-size: 90px;
    font-weight: bold;
    margin: 0;
    margin-bottom: 70px;
    position: relative;
    color: #fff
}

.video-section.future .content p {
    color: #fff;
    position: relative;
    margin: 0;
    font-size: 42px;
    font-weight: 400;
    text-align: center;
    line-height: 1.69047619048
}

.video-section.future .content p span {
    font-weight: 700
}

.video-section.future {
    height: 900px;
    min-height: 900px
}

.video-section.outcome .page-center {
    padding-left: 100px;
    padding-right: 100px;
    max-width: 100%
}

.video-section.outcome .content h2 {
    font-size: 85px;
    text-align: center;
    line-height: 1.32941176471;
    font-weight: bold;
    color: #fff
}

.video-section.outcome .content h2:first-child {
    margin-bottom: 40px
}

.video-section.future .left-line {
    position: absolute;
    height: 100%;
    border-left: 1px solid #656565;
    left: 5%
}

.video-section.future .right-line {
    position: absolute;
    height: 100%;
    right: 5%;
    border-right: 1px solid #656565
}

.video-section.future .top-line {
    position: absolute;
    width: 100%;
    border-top: 1px solid #656565;
    top: 5%
}

.video-section.future .btm-line {
    position: absolute;
    width: 100%;
    border-bottom: 1px solid #656565;
    bottom: 5%
}

.video-section.future .page-center {
    padding: 0 100px;
    height: 100%
}

@media (max-width:1440px) {
    .video-section.future {
        height: 800px;
        min-height: 800px
    }

    .video-section.future .content h3 {
        font-size: 60px;
        margin-bottom: 40px
    }

    .video-section.future .content p {
        font-size: 30px;
        line-height: 1.2
    }

    .video-section .bg-video {
        object-fit: cover
    }

    .video-section.outcome .content h2 {
        font-size: 70px
    }
}

@media (max-width:1280px) {
    .video-section.future {
        height: 800px;
        min-height: 800px
    }

    .video-section.outcome .page-center {
        padding: 0 50px
    }

    .video-section.outcome {
        min-height: 800px;
        height: 800px
    }

    .video-section.future .page-center {
        padding: 0 50px
    }

    .video-section.future {
        margin-top: 50px
    }
}

@media (max-width:767px) {
    .video-section.future {
        height: 650px;
        min-height: 650px
    }

    .video-section.future .content h3 {
        font-size: 40px;
        margin-bottom: 20px
    }

    .video-section.future .content p {
        font-size: 24px
    }

    .video-section.outcome .content h2:first-child {
        margin-bottom: 20px
    }

    .video-section.outcome .page-center {
        padding: 0 30px
    }

    .video-section.outcome {
        min-height: 500px;
        height: 500px
    }

    .video-section.outcome .content h2 {
        font-size: 40px
    }

    .video-section.future .page-center {
        padding: 0 30px
    }

    .video-section.outcome .page-center {
        padding: 0 30px
    }
}

@media (max-width:575px) {
    .video-section.future {
        height: 400px;
        min-height: 400px
    }

    .video-section.future .content h3 {
        font-size: 26px
    }

    .video-section.future .content p {
        font-size: 16px
    }

    .video-section.outcome .content h2 {
        font-size: 30px
    }

    .video-section.outcome {
        min-height: 400px;
        height: 400px
    }
}

.bnr-sec .bnr-inner .ball-anm .roll-ball {
    width: 100%
}

.our-work .page-center .ball-anm .roll-ball {
    width: 100%
}

.who-we-are .we-are-inner .left-col .ball-anm .roll-ball {
    width: 100%
}

.our_services_section .top_title .ball-anm {
    max-width: 400px
}

.our_services_section .top_title .ball-anm .roll-ball {
    width: 100%
}

.who-we-are .right-col .about-det .item:last-child .feat-img {
    margin-right: 0
}

.who-we-are .right-col .item .feat-count p span {
    opacity: 0
}

video {
    width: 100%
}

.outcome.innovate .inner h1 {
    padding-left: 0
}

@media (width<=1440px) and (width>=768px) {
    .our_services_section .top_title .ball-anm {
        max-width: 250px
    }
}

@media (max-width:1440px) and (min-width:1281px) {
    .unforgetable .sec-inner .sec-text h2 {
        font-size: 85px
    }

    .our-work .work-inner .image-sec .text-on-img p {
        font-size: 22px
    }

    .bnr-sec {
        min-height: 550px
    }

    .bnr-sec .bnr-inner .ball-anm {
        max-width: 560px;
        right: 5%
    }
}

@media (max-width:1280px) {
    .our-work .work-inner .image-sec .text-on-img p {
        font-size: 20px
    }
}

@media (max-width:1100px) and (min-width:768px) {
    .our_services_section .slider_items .btm_cont .img-col {
        width: 50%
    }

    .our_services_section .project-wrap {
        margin-right: 0
    }
}

@media (max-width:767px) {
    .our_services_section .top_title .ball-anm {
        max-width: 150px
    }

    .our-work .work-inner .image-sec .text-on-img p {
        font-size: 16px
    }

    .our-work .text-sec-out {
        width: 100%
    }
}

@media (max-width:425px) {
    .our_services_section .top_title .ball-anm {
        max-width: 150px
    }

    .video-section.future {
        margin-top: 0
    }
}

.what_client_say .ball-anm .roll-ball {
    width: 100%
}

.what_client_say .ball-anm {
    max-width: 300px
}

.who-we-are .we-are-inner .left-col .ball-anm {
    max-width: 400px
}

@media (min-width:1681px) {
    .bnr-sec .bnr-inner .ball-anm .roll-ball {
        max-width: 70%
    }

    .video-section.future {
        margin-top: 100px
    }
}

@media (max-width:1680px) {
    .who-we-are .we-are-inner .left-col .ball-anm {
        max-width: 400px;
        right: -10%;
        top: 5%
    }
}

@media (max-width:1540px) {
    .who-we-are .we-are-inner .left-col .ball-anm {
        max-width: 300px
    }
}

@media (max-width:1440px) {
    .who-we-are .we-are-inner .left-col .ball-anm {
        max-width: 300px;
        right: 5%;
        top: 5%
    }
}

@media (max-width:1280px) {
    .what_client_say .ball-anm {
        max-width: 250px
    }
}

@media (max-width:1100px) {
    .who-we-are .we-are-inner .left-col .ball-anm {
        max-width: 250px;
        right: unset;
        left: 50%;
        top: 2%
    }
}

@media (max-width:1025px) {
    .who-we-are .we-are-inner .left-col .ball-anm {
        top: -18%
    }
}

@media (max-width:767px) {
    .who-we-are .we-are-inner .left-col .ball-anm {
        max-width: 150px;
        left: 30%;
        top: -18%
    }

    .what_client_say .ball-anm {
        max-width: 150px
    }
}

@media (min-width:1681px) {
    .our-work #cards {
        grid-template-rows: repeat(var(--numcards), 40vw)
    }
}

@media (max-width:1600px) and (min-width:1281px) {
    .our_services_section .top_title .ball-anm {
        max-width: 250px
    }
}

.our_services_section {
    padding-top: 50px !important;
    padding-bottom: 0px !important
}

.our_services_section .top_title h3 {
    flex: 0 0 40%;
    max-width: 40%;
    font-weight: 400
}

.our_services_section .page-center {
    max-width: 100%;
    padding-left: 100px;
    padding-right: 100px
}

.our_services_section .top_title {
    display: flex;
    flex-direction: column
}

.our_services_section .top_title h2 {
    font-size: 130px;
    transition: all 0.3s ease
}

.our_services_section .cont .ball-anm img {
    max-width: 400px
}

.our_services_section .cont {
    display: flex
}

.our_services_section .primary-btn.red-btn:hover {
    background-color: #fb302f
}

.our_services_section .dragable_slider_wrapper .slider_items {
    height: 100%;
    margin: 0px;
    overflow: hidden;
    position: relative;
    flex: 0 0 auto;
    box-sizing: border-box
}

.our_services_section .slider_items .top_cont h3 {
    font-size: 60px;
    font-weight: normal;
    color: #fb302f
}

.our_services_section .slider_items .top_cont p {
    font-size: 24px;
    line-height: 1.5;
    margin-bottom: 30px
}

.our_services_section .slider_items .btm_cont {
    display: flex;
    gap: 30px
}

.our_services_section .slider_items .btm_cont .img-col {
    position: relative;
    overflow: hidden;
    display: inline-block;
    max-width: 70%
}

.our_services_section .slider_items .btm_cont .img-col img {
    width: 100%;
    display: block;
    aspect-ratio: 1 / 1;
    object-fit: cover
}

.our_services_section .slider_items .btm_cont .img-col::after {
    content: "";
    position: absolute;
    inset: 0;
    background: red;
    mix-blend-mode: multiply;
    opacity: 0.8;
    transition: opacity 0.3s ease
}

.our_services_section .slider_items .btm_cont .img-col:hover::after {
    opacity: 0
}

.our_services_section .slider_items .btm_cont h3 {
    font-size: 40px
}

.our_services_section .slider_items .slide_title {
    max-width: 30%;
    display: flex;
    flex-direction: column;
    gap: 24px;
    text-align: left
}

.our_services_section .slider_items .top_cont {
    text-align: left
}

.our_services_section .container .slick-slide {
    text-align: center;
    color: #ffffff;
    background: rgb(0, 0, 0);
    margin: 10px
}

.our_services_section .container button.custom-prev.slick-arrow {
    position: absolute;
    top: 360px;
    left: -60px;
    width: 37px;
    height: 37px;
    background-color: rgb(255, 255, 255);
    border-radius: 50%;
    margin-right: 20px;
    border: none;
    cursor: pointer
}

.our_services_section .container button.custom-prev.slick-arrow .fa-solid,
.our_services_section .container button.custom-next.slick-arrow .fa-solid {
    font-size: x-large
}

.our_services_section .container button.custom-next.slick-arrow {
    position: absolute;
    top: 360px;
    right: -60px;
    width: 37px;
    height: 37px;
    background-color: rgb(255, 255, 255);
    border-radius: 50%;
    margin-left: 20px;
    border: none
}

@media (min-width:1681px) {
    .our_services_section {
        padding-bottom: 0px !important
    }
}

@media (767px<=width <=1441px) {
    .our_services_section .container button.custom-next.slick-arrow {
        right: -35px
    }

    .our_services_section .container button.custom-prev.slick-arrow {
        left: -35px
    }
}

@media (width<=1080px) {
    .our_services_section .slider_items .btm_cont {
        display: flex;
        gap: 30px;
        flex-direction: column
    }
}

.our_services_section .slider_items .btm_cont .img-col img {
    display: block;
    transition: opacity 0.3s ease;
    width: 100%
}

.our_services_section .container .slick-slide {
    text-align: center;
    color: #ffffff;
    background: rgb(0, 0, 0);
    margin: 0 20px
}

.our_services_section .slider_items .btm_cont h3 {
    font-size: 30px
}

.our_services_section .slider_items .top_cont h3 {
    font-size: 40px;
    font-weight: normal;
    color: #fb302f
}

.our_services_section .slider_items .btm_cont .img-col {
    position: relative;
    display: inline-block;
    width: 65%
}

.our_services_section .slider_items .slide_title {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
    text-align: left;
    width: 60%
}

.our_services_section .container button.custom-next.slick-arrow,
.our_services_section .container button.custom-prev.slick-arrow {
    top: 50%
}

@media (max-width:1600px) and (min-width:1281px) {
    .our_services_section .top_title h2 {
        font-size: 90px
    }
}

@media (max-width:1500px) and (min-width:1280px) {
    .pin-wrap {
        height: 60dvh
    }
}

@media (max-width:1440px) {
    .our_services_section .page-center {
        padding: 0 50px
    }
}

@media (min-width:767px) and (max-width:1081px) {
    .our_services_section .container .slick-slide {
        margin: 0 10px
    }

    .our_services_section .slider_items .slide_title {
        width: 100%
    }

    .our_services_section .top_title h2 {
        font-size: 70px
    }

    .our_services_section .cont .ball-anm img {
        max-width: 300px
    }

    .our_services_section .cont {
        display: flex;
        align-items: center
    }

    .our_services_section {
        padding-top: 0 !important
    }

    .our_services_section .slider_items .btm_cont h3,
    .our_services_section .slider_items .top_cont p {
        font-size: 18px !important
    }

    .our_services_section .slider_items .top_cont h3 {
        font-size: 26px !important
    }

    .pin-wrap {
        height: 60dvh
    }
}

@media (width<=767px) {
    .our_services_section .slider_items .btm_cont h3 {
        font-size: 18px
    }

    .our_services_section .slider_items .top_cont h3 {
        font-size: 24px
    }

    .our_services_section .slider_items .top_cont p {
        font-size: 16px;
        margin-bottom: 15px
    }

    .our_services_section .container button.custom-next.slick-arrow {
        width: 30px;
        height: 30px;
        right: -25px
    }

    .our_services_section .container button.custom-prev.slick-arrow {
        width: 30px;
        height: 30px;
        left: -25px
    }

    .our_services_section {
        padding: 0px
    }

    .our_services_section .page-center {
        max-width: 100%;
        padding: 20px 30px 0px
    }

    .our_services_section .top_title h2 {
        font-size: 50px
    }

    .our_services_section .cont .ball-anm img {
        max-width: 250px
    }

    .our_services_section .cont {
        display: flex;
        align-items: center
    }

    .our_services_section .slider_items .btm_cont .img-col img {
        width: 100%
    }

    .our_services_section .slider_items .slide_title {
        max-width: 100%;
        width: 100%
    }

    .our_services_section .container button.custom-next.slick-arrow,
    .our_services_section .container button.custom-prev.slick-arrow {
        top: 50%
    }

    .our_services_section .top_title h2 {
        font-size: 30px
    }

    .our_services_section .slider_items .btm_cont {
        gap: 15px
    }

    .our_services_section .slider_items .slide_title {
        gap: 10px
    }

    .our_services_section {
        padding-top: 0 !important
    }
}

@media (width<=1440px) and (width>=1024px) {
    .our_services_section .cont .ball-anm img {
        max-width: 300px
    }

    .our_services_section .cont {
        display: flex;
        align-items: center
    }

    .our_services_section .top_title h2 {
        font-size: 70px
    }

    .our_services_section .slider_items .btm_cont h3 {
        font-size: 20px
    }

    .our_services_section .slider_items .top_cont h3 {
        font-size: 30px
    }

    .our_services_section .slider_items .top_cont p {
        font-size: 20px;
        margin-bottom: 15px
    }

    .our_services_section .slider_items .btm_cont {
        gap: 15px
    }

    .our_services_section .project-wrap {
        width: 50vw
    }
}

@media (width<=425px) {
    .our_services_section .cont .ball-anm img {
        max-width: 150px
    }

    .our_services_section .container button.custom-next.slick-arrow,
    .our_services_section .container button.custom-prev.slick-arrow {
        width: 25px;
        height: 25px
    }

    .our_services_section .container button.custom-prev.slick-arrow .fa-solid,
    .our_services_section .container button.custom-next.slick-arrow .fa-solid {
        font-size: large
    }
}

.experience-grid {
    position: relative;
    padding: 10px 0 50px
}

.experience-grid .page-center {
    max-width: 100%;
    padding-left: 100px;
    padding-right: 100px
}

.experience-grid .grid-wraper {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    gap: 80px;
    color: #fff
}

.experience-grid .grid-item h2 {
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 16px;
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.8s ease, transform 1s cubic-bezier(0.22, 1, 0.36, 1)
}

.experience-grid .grid-item p {
    max-width: 500px;
    font-size: 24px;
    color: #9b9b9b;
    line-height: 1.3;
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.8s ease, transform 1s cubic-bezier(0.22, 1, 0.36, 1)
}

.experience-grid .grid-item.is-visible h2,
.experience-grid .grid-item.is-visible p {
    opacity: 1;
    transform: translateY(0)
}

.experience-grid .grid-item.is-visible h2 {
    transition-delay: 0.1s
}

.experience-grid .grid-item.is-visible p {
    transition-delay: 0.18s
}

.experience-grid .top-left {
    grid-column: 1 / 2
}

.experience-grid .bottom-right {
    grid-column: 2 / 3;
    align-self: end
}

.experience-grid .featured {
    grid-column: 1 / -1;
    margin-top: 40px
}

.experience-grid .grid-item img {
    width: 100%;
    display: block;
    margin-bottom: 24px;
    will-change: transform;
    transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1)
}

.experience-grid .featured h2 {
    font-size: 32px
}

.experience-grid .grid-item.m-top {
    margin-top: -400px
}

.experience-grid .grid-item.m-top.is-visible {
    margin-top: -400px
}

.experience-grid .grid-item {
    background: #000;
    color: #fff;
    overflow: hidden;
    transform: translateY(120px) scale(0.96);
    transform-style: preserve-3d;
    will-change: transform;
    transition: transform 0.99s cubic-bezier(0.22, 1, 0.36, 1)
}

.experience-grid .grid-item.is-visible {
    opacity: 1;
    transform: translateY(0) scale(1)
}

.experience-grid .grid-item.is-visible img {
    transform: translateY(0);
    transition: all 0.9s ease
}

.experience-grid .spacer {
    background: transparent
}

.experience-grid .img-col {
    position: relative
}

.experience-grid .img-col .def-img {
    transition: all 0.5s ease
}

.experience-grid .img-col .hov-img {
    position: absolute;
    top: -45px;
    left: 0;
    opacity: 0;
    transition: all 0.4s ease
}

.experience-grid .img-col:hover .hov-img {
    opacity: 1;
    transition: all 0.6s ease
}

.grid-item.img-col:hover .hov-img {
    transform: scale(1.05) translateY(-10px)
}

a.card-link {
    text-decoration: none;
    color: inherit
}

.experience-grid .grid-item .btn-sec .card-arrow {
    width: 37px;
    height: 37px;
    background-color: green;
    border-radius: 50%;
    margin-left: 20px;
    display: block
}

.experience-grid .grid-item .btn-sec {
    display: flex;
    align-items: center;
    margin-top: 15px
}

.experience-grid .grid-item .card-arrow .arrow-btn {
    width: 100%;
    height: 37px;
    margin-bottom: 0
}

.work-sec-bnr {
    background-image: url("../assets/images/green-lines.gif");
    background-size: cover;
    background-repeat: no-repeat;
    height: 80vh;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.work-sec-bnr .page-center {
    max-width: 100%;
    padding-left: 100px;
    padding-right: 100px
}

.work-sec-bnr .sec-head {
    margin-top: 0px;
    margin-bottom: 50px
}

.work-sec-bnr .sec-head h1 {
    font-size: 100px;
    line-height: 1.11538461538;
    font-weight: bold;
    padding: 0
}

.work-sec-bnr .text p {
    font-size: 20px;
    line-height: 160%;
    font-weight: 400
}

.case-study-sec {
    padding-top: 50px;
    padding-bottom: 50px;
    overflow: clip
}

.case-study-sec .page-center {
    max-width: 100%;
    padding-left: 100px;
    padding-right: 100px
}

.case-study-sec .creative-grid .img-col {
    position: relative;
    overflow: hidden
}

.case-study-sec .creative-grid .img-col img {
    width: 100%;
    display: block
}

.case-study-sec .creative-grid .img-col::after {
    content: "";
    position: absolute;
    inset: 0;
    background: #09ff67;
    mix-blend-mode: multiply;
    opacity: 0.8;
    transition: opacity 0.3s ease
}

.case-study-sec .creative-grid .img-col:hover::after {
    opacity: 0
}

.case-study-sec .creative-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 260px;
    gap: 18px;
    margin-bottom: 50px;
    margin-top: 50px
}

.case-study-sec .creative-grid .grid-items {
    position: relative;
    overflow: hidden
}

.case-study-sec .creative-grid .grid-items.larges {
    grid-column: span 2;
    grid-row: span 4
}

.case-study-sec .creative-grid .grid-items.talls {
    grid-row: span 2
}

.case-study-sec .creative-grid .grid-items.talls-1 {
    grid-row: span 2
}

.case-study-sec .creative-grid .grid-items.squares {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-row: span 4
}

.case-study-sec .grid-items img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease
}

.case-study-sec .grid-items.squares {
    position: relative
}

.case-study-sec .grid-items.squares img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease
}

.work-sec-bnr .bnr-inner {
    max-width: 60%
}

.fil_sec h2 {
    font-size: 80px;
    margin: 30px 0px
}

@media (width <=1460px) {
    .fil_sec h2 {
        text-align: center
    }
}

@media (max-width:1039px) {
    .case-study-sec .creative-grid {
        display: unset
    }

    .case-study-sec .creative-grid .grid-items.squares img.desk_mob {
        display: none
    }

    .case-study-sec .creative-grid .grid-items.squares img.mob-img {
        display: block
    }

    .case-study-sec .creative-grid .grid-items.talls img.mob-img {
        display: none
    }
}

@media (width<=767px) {
    .fil_sec h2 {
        font-size: 40px
    }
}

@media (width<=425px) {
    .fil_sec h2 {
        font-size: 30px
    }
}

@media (min-width:1040px) {
    .case-study-sec .creative-grid .grid-items.squares img.mob-img {
        display: none
    }
}

@media (min-width:1681px) {
    .work-sec-bnr .bnr-inner .right .ball-anm {
        max-width: 500px
    }
}

@media (1162px <=width <=1530px) {
    .work-sec-bnr .sec-head h1 {
        font-size: 75px
    }
}

@media (768px <=width <=1162px) {
    .work-sec-bnr .sec-head h1 {
        font-size: 50px
    }

    section.experience-grid .page-center,
    section.case-study-sec .page-center {
        margin: 0 auto;
        padding: 50px
    }

    .experience-grid,
    .case-study-sec {
        padding: 0
    }

    .work-sec-bnr {
        height: 60vh
    }
}

@media (width<=767px) {

    section.experience-grid .page-center,
    section.case-study-sec .page-center,
    section.work-sec-bnr .page-center {
        margin: 0 auto;
        padding: 50px 30px
    }

    .experience-grid,
    .case-study-sec,
    .work-sec-bnr {
        padding: 0
    }

    .experience-grid .grid-item.m-top {
        margin-top: 0px
    }

    .experience-grid .grid-item.m-top.is-visible {
        margin-top: 0px
    }

    .experience-grid .grid-item.is-visible {
        transform: none
    }

    .experience-grid .grid-item {
        transform: none
    }

    .experience-grid .grid-wraper {
        display: flex;
        flex-direction: column;
        gap: 70px
    }

    .experience-grid .grid-item img {
        margin-bottom: 24px;
        height: 550px
    }

    .experience-grid .grid-wraper .grid-item.spacer.is-visible {
        display: none
    }

    .work-sec-bnr .sec-head h1 {
        font-size: 36px
    }

    .work-sec-bnr {
        height: 60vh
    }

    .grid-item.m-top.img-col.is-visible {
        width: 100%
    }

    .grid-item.m-top.img-col {
        width: 100%
    }

    .case-study-sec .creative-grid {
        display: flex;
        gap: 20px;
        margin-bottom: 0px;
        margin-top: 50px;
        flex-direction: column
    }

    .our-work .about-wrk .text-cnt .right {
        width: 20%
    }

    .case-study-sec .creative-grid .grid-items.squares {
        max-height: 612px
    }

    .case-study-sec .creative-grid .grid-items.squares .desk_mob {
        display: none
    }

    .work-sec-bnr .sec-head h1 br {
        display: none
    }

    .work-sec-bnr .sec-head {
        margin-bottom: 24px
    }

    .work-sec-bnr .bnr-inner {
        max-width: 100%
    }
}

.case-study-sec .creative-grid .grid-items.larges .def-img,
.case-study-sec .creative-grid .grid-items.talls .def-img,
.case-study-sec .creative-grid .grid-items.talls-1 .def-img {
    display: none
}

.work-sec-bnr .bnr-inner {
    max-width: 100%;
    display: flex;
    position: relative
}

.work-sec-bnr .bnr-inner .right .ball-anm {
    max-width: 400px;
    position: absolute;
    right: 5%;
    top: -10%
}

.work-sec-bnr .bnr-inner .right .ball-anm video {
    width: 100%
}

.work-sec-bnr {
    overflow-x: clip
}

@media (max-width:1680px) {
    .work-sec-bnr {
        height: 60vh
    }
}

@media (max-width:1360px) {
    .work-sec-bnr .bnr-inner .right .ball-anm {
        right: 0
    }
}

@media (max-width:767px) {
    .work-sec-bnr {
        height: 40vh
    }
}

section.tabber_sec .page-center {
    max-width: 100%;
    padding-left: 100px;
    padding-right: 100px
}

.tabber_sec .explore-tabs {
    display: flex;
    align-items: center;
    gap: 24px;
    background: #000;
    padding: 20px 0px;
    border-radius: 16px;
    color: #fff;
    overflow-x: auto;
    margin-bottom: 50px;
    flex-wrap: wrap
}

.tabber_sec .explore-title {
    font-size: 18px;
    font-weight: 500;
    white-space: nowrap
}

.tabber_sec .tab-buttons {
    display: flex;
    gap: 14px;
    flex-wrap: wrap
}

.tabber_sec .tab-btn {
    padding: 10px 22px;
    border-radius: 10px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: #fff;
    font-size: 14px;
    transition: all 0.25s ease;
    white-space: nowrap
}

.tabber_sec .tab-btn:hover {
    background: #fa2f2f
}

.tabber_sec .tab-btn.active {
    background: #fa2f2f
}

.tabber_sec .tab-content-wrapper {
    margin-top: 30px;
    color: #fff
}

.tabber_sec .tab-content-wrapper .tab-content {
    display: block;
    padding: 80px 0px
}

.tabber_sec .grid-design {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 260px;
    gap: 18px;
    margin-bottom: 100px;
    margin-top: 50px
}

.tabber_sec .grid-design .grid-item {
    position: relative;
    overflow: hidden
}

.tabber_sec .grid-design .grid-item.large {
    grid-column: span 2;
    grid-row: span 4
}

.tabber_sec .grid-design .grid-item.tall {
    grid-row: span 2
}

.tabber_sec .grid-design .grid-item.tall-1 {
    grid-row: span 2
}

.tabber_sec .grid-design .grid-item.square {
    background: #e10600;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-row: span 4
}

.tabber_sec .grid-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease
}

.tabber_sec .grid-item.square {
    position: relative
}

.tabber_sec .grid-item.square img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease
}

.tabber_sec .website-header .lower-sec {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between
}

.tabber_sec .website-tab-content {
    background: #000;
    color: #fff
}

.tabber_sec .website-pill {
    display: inline-block;
    padding: 6px 14px;
    border-radius: 10px;
    border: 1px solid #333;
    font-size: 13px;
    color: #ff3b3b;
    margin-bottom: 24px
}

.tabber_sec .website-header h2 {
    font-size: 64px;
    line-height: 1.05;
    font-weight: 700;
    margin-bottom: 40px;
    padding: 0.5rem 1rem;
    padding-left: 0px;
    padding-right: 0px
}

.tabber_sec .inner-tabber {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    max-width: 900px
}

.tabber_sec .inner-tab {
    padding: 14px 20px;
    border-radius: 10px;
    background: transparent;
    border: 1px solid #2b2b2b;
    color: #fff;
    font-size: 14px;
    transition: all 0.25s ease
}

.tabber_sec .inner-tab:hover {
    background: #ff3b3b
}

.tabber_sec .inner-tab.active {
    background: #ff3b3b;
    color: #fff
}

.tabber_sec .divider {
    margin: 60px 0;
    border: none;
    height: 1px;
    background: #222
}

.tabber_sec .inner-tab-content {
    display: none;
    max-width: 100%;
    font-size: 28px;
    line-height: 1.4;
    align-items: center;
    justify-content: space-between
}

.tabber_sec .inner-tab-content.active {
    display: flex;
    gap: 50px
}

.tabber_sec .inner-tab-content.active p {
    width: 50%
}

.tabber_sec .content-image {
    width: 50%
}

.tabber_sec .content-image img {
    width: 100%
}

.tabber_sec .paid .inner-tab-content.active,
.tabber_sec .organic .inner-tab-content.active,
.tabber_sec .analytics .inner-tab-content.active {
    flex-direction: row-reverse
}

.tabber_sec .tab-section {
    display: none
}

.tabber_sec .tab-section.active {
    display: block
}

.tabber_sec .tab-btn.active {
    background: red;
    color: #fff
}

.tabber_sec .inner-tab.active {
    background: red;
    color: #fff
}

.tabber_sec .grid-design .img-col {
    position: relative;
    overflow: hidden
}

.tabber_sec .grid-design .img-col img {
    width: 100%;
    display: block
}

.tabber_sec .grid-design .img-col::after {
    content: "";
    position: absolute;
    inset: 0;
    background: red;
    mix-blend-mode: multiply;
    opacity: 0.8;
    transition: opacity 0.3s ease
}

.tabber_sec .grid-design .img-col:hover::after {
    opacity: 0
}

.inner-tab-content .img-col {
    position: relative;
    overflow: hidden
}

.inner-tab-content .img-col img {
    width: 100%;
    display: block
}

.inner-tab-content .img-col::after {
    content: "";
    position: absolute;
    inset: 0;
    background: red;
    mix-blend-mode: multiply;
    opacity: 0.8;
    transition: opacity 0.3s ease
}

.inner-tab-content .img-col:hover::after {
    opacity: 0
}

section.hero-renaissance .page-center {
    max-width: 100%;
    padding-left: 100px;
    padding-right: 100px
}

.hero-renaissance {
    padding: 140px 0
}

.hero-renaissance .hero-inner {
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    align-items: center;
    gap: 40px
}

.hero-renaissance .hero-text h1 {
    color: #fff;
    font-size: 100px;
    line-height: 1.05;
    font-weight: 700;
    margin-bottom: 40px;
    padding: 0
}

.hero-renaissance .hero-text p {
    color: #cfcfcf;
    max-width: 520px;
    font-size: 18px;
    line-height: 1.7
}

.hero-renaissance .hero-visual {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
    align-items: center
}

.hero-renaissance .hero-circle {
    width: 510px;
    overflow: hidden
}

.hero-renaissance .hero-circle img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.hero-renaissance .hero-visual p {
    width: 70%
}

.hero-renaissance .hero-circle video.sol-bnr {
    width: 100%
}

@media (931px <=width <=1530px) {
    .hero-renaissance .hero-text h1 {
        font-size: 70px
    }
}

@media (768px <=width <=1530px) {
    .hero-renaissance .hero-circle {
        width: 350px;
        height: 350px;
        overflow: hidden
    }

    .hero-renaissance .hero-visual {
        gap: 30px
    }

    .tabber_sec .website-header h2 {
        font-size: 50px
    }

    .tabber_sec .website-header .lower-sec {
        align-items: flex-start;
        gap: 50px
    }

    section.hero-renaissance .page-center {
        margin: 0 auto;
        padding: 50px
    }

    .hero-renaissance {
        padding: 0
    }

    section.tabber_sec .page-center {
        margin: 0 auto;
        padding: 50px
    }

    .tabber_sec .tab-content-wrapper .tab-content {
        padding: 50px
    }
}

@media (max-width:1039px) {
    .tabber_sec .grid-design {
        display: unset
    }

    .tabber_sec .grid-design .grid-item.square img.desk {
        display: none
    }

    .tabber_sec .grid-design .grid-item.square img.mob {
        display: block
    }

    .tabber_sec .grid-design .img-col img {
        height: 100%
    }

    .tabber_sec .creative-grid.slick-slider .slick-track {
        display: flex !important;
        align-items: stretch
    }

    .tabber_sec .creative-grid.slick-slider .slick-slide {
        height: auto !important
    }

    .tabber_sec .creative-grid.slick-slider .slick-slide>div,
    .tabber_sec .creative-grid.slick-slider .grid-item {
        height: 100%
    }
}

@media (width<=930px) {
    section.tabber_sec .grid-design.creative-grid {
        display: flex;
        flex-direction: column;
        gap: 20px
    }

    .hero-renaissance .hero-text h1 {
        font-size: 50px
    }

    .tabber_sec .content-image img {
        width: 100%;
        height: 330px
    }

    .tabber_sec .website-header h2 {
        margin-bottom: 10px
    }

    .tabber_sec .website-header .lower-sec {
        gap: 20px
    }

    .tabber_sec .tab-buttons {
        gap: 10px;
        width: 100%;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center
    }

    .tabber_sec .explore-tabs {
        flex-direction: column;
        margin-bottom: 0px;
        gap: 30px
    }

    .tabber_sec .website-header .lower-sec {
        display: flex;
        width: 100%;
        align-items: normal;
        justify-content: space-between;
        flex-direction: column
    }
}

.tabber_sec .grid-design .grid-item.square:hover img.back_img.hov-img.desk {
    opacity: 1
}

@media (min-width:1040px) {
    .tabber_sec .grid-design .img-col.square img.mob {
        display: none
    }
}

@media (max-width:767px) {
    section.tabber_sec .page-center {
        padding: 25px 30px 50px 30px
    }

    .hero-renaissance .hero-text h1 {
        font-size: 36px
    }

    .tabber_sec .tab-content-wrapper .tab-content {
        display: block;
        padding: 16px 0
    }

    .tabber_sec .website-header .lower-sec {
        display: flex;
        width: 100%;
        align-items: normal;
        justify-content: space-between;
        flex-direction: column
    }

    .tabber_sec .inner-tab-content.active p,
    .tabber_sec .content-image {
        width: 100%;
        font-size: 16px
    }

    .tabber_sec .inner-tab-content {
        display: none;
        max-width: 100%;
        font-size: 28px;
        line-height: 1.4;
        align-items: center;
        justify-content: space-between;
        flex-direction: column
    }

    .tabber_sec .website-header h2 {
        font-size: 24px;
        padding-left: 0px
    }

    .tabber_sec .inner-tab-content.active:nth-child(odd) {
        display: flex;
        gap: 50px;
        flex-direction: column !important
    }

    .tabber_sec .inner-tab {
        padding: 8px 15px
    }

    .tabber_sec .tab-btn {
        padding: 8px 15px
    }

    .tabber_sec .grid-design .grid-item.square {
        background: #e10600;
        display: flex;
        align-items: center;
        justify-content: center
    }

    section.tabber_sec .grid-design.creative-grid {
        margin-bottom: 50px;
        display: flex !important
    }

    .tabber_sec .grid-design .grid-item.tall {
        grid-row: span 5
    }

    .hero-renaissance .hero-inner {
        margin: 0
    }

    .hero-renaissance {
        padding: 0
    }

    section.hero-renaissance .page-center {
        max-width: 100%;
        padding: 50px 25px 30px
    }

    .hero-renaissance .hero-visual {
        gap: 30px
    }

    .tabber_sec .content-image img {
        width: 100%;
        height: 330px
    }

    .hero-renaissance .hero-circle {
        width: 100%;
        height: 100%
    }

    .hero-renaissance .hero-circle img {
        height: auto
    }

    .tabber_sec .slider-item.slick-track {
        display: flex;
        gap: 20px
    }

    .tabber_sec .paid .inner-tab-content.active,
    .tabber_sec .inner-tab-content.active {
        flex-direction: column !important
    }

    .tabber_sec .grid-design .img-col .desk {
        display: none
    }

    .tabber_sec .grid-design .img-col .mob {
        display: block
    }

    .tabber_sec .tab-buttons {
        flex-direction: column
    }

    .tabber_sec .inner-tab-content {
        overflow-x: clip
    }
}

@media (width<=500px) {
    .hero-renaissance .hero-text {
        width: 100%;
        text-align: left
    }

    .hero-renaissance .hero-visual p {
        width: 100%;
        text-align: left
    }

    .hero-renaissance .hero-inner {
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 20px
    }
}

.inner-tab-content .img-col img.def-img {
    display: none
}