/*
Theme Name: upp
Theme URI: upp.com
Author: upp
Author URI: upp.com
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: upp
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

upp is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
 html {
        line-height: 1.15;
        -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
        margin: 0;
}

:root {
        --font: 'InterFace';
        --buttoncolor: rgba(252, 240, 13, 1);
        --textcolor: rgba(20, 40, 64, 1);
        --whitecolor: #ffffff;

}


/* font-family */
@font-face {
        font-family: 'InterFace';
        src: url('./fonts/InterFace_Trial_Th.ttf') format('truetype');
        font-weight: 100;
        font-style: normal;
}

@font-face {
        font-family: 'InterFace';
        src: url('./fonts/InterFace_Trial_ThIt.ttf') format('truetype');
        font-weight: 100;
        font-style: italic;
}

@font-face {
        font-family: 'InterFace';
        src: url('./fonts/InterFace_Trial_Lt.ttf') format('truetype');
        font-weight: 300;
        font-style: normal;
}

@font-face {
        font-family: 'InterFace';
        src: url('./fonts/InterFace_Trial_LtIt.ttf') format('truetype');
        font-weight: 300;
        font-style: italic;
}

@font-face {
        font-family: 'InterFace';
        src: url('./fonts/InterFace_Trial_Rg.ttf') format('truetype');
        font-weight: 400;
        font-style: normal;
}

@font-face {
        font-family: 'InterFace';
        src: url('./fonts/InterFace_Trial_It.ttf') format('truetype');
        font-weight: 400;
        font-style: italic;
}

@font-face {
        font-family: 'InterFace';
        src: url('./fonts/InterFace_Trial_Bd.ttf') format('truetype');
        font-weight: 700;
        font-style: normal;
}

@font-face {
        font-family: 'InterFace';
        src: url('./fonts/InterFace_Trial_BdIt.ttf') format('truetype');
        font-weight: 700;
        font-style: italic;
}

@font-face {
        font-family: 'InterFace';
        src: url('./fonts/InterFace_Trial_XBd.ttf') format('truetype');
        font-weight: 800;
        font-style: normal;
}

@font-face {
        font-family: 'InterFace';
        src: url('./fonts/InterFace_Trial_XBdIt.ttf') format('truetype');
        font-weight: 800;
        font-style: italic;
}

@font-face {
        font-family: 'InterFace';
        src: url('./fonts/InterFace_Trial_Blk.ttf') format('truetype');
        font-weight: 900;
        font-style: normal;
}

@font-face {
        font-family: 'InterFace';
        src: url('./fonts/InterFace_Trial_BlkIt.ttf') format('truetype');
        font-weight: 900;
        font-style: italic;
}


/*========== keyframes ===========*/
/*== Image Up-Down ==*/
@-webkit-keyframes mover {
        0% {
                transform: translateY(0);
        }

        100% {
                transform: translateY(-10px);
        }
}

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

        100% {
                transform: translateY(-10px);
        }
}
/*  @keyframes appear {
        from {
          opacity: 0;
			scale:0.5;

        }
        to {
          opacity: 1;
			scale:1;

        }
      }

  .counter.container .counter-div,  {
        animation: appear linear;
        animation-timeline: view();
        animation-range: entry 0% cover 40%;
      } */

/*======= Body ========*/

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

a {
        text-decoration: none;
        transition: all 0.5s linear;
}


img {
        max-width: 100%;
}

p:empty {
        display: none;
}

.container {
        padding: 0px 100px;
        box-sizing: border-box;
}

.mobile-show {
        display: none;
}
.seo-img img {
    border-radius: 10px;
}
.best-practices.container .best-image img {
    border-radius: 10px;
}

.btn-color {
        background-color: var(--buttoncolor);
}

body {
        background-color: #FFFFFF;
        font-family: var(--font);
        font-weight: 400;
}
.case-video-section.container .case-video iframe {
        border-radius: 10px;
    }
.case-video-section.container .case-video img {
    border-radius: 10PX;
}

input {
        font-family: var(--font);
}

ul {
        list-style: none;
}

body.noscroll {
        overflow: hidden;
        position: fixed;
        width: 100%;
}

.red-border {
        border-bottom: 3px solid #FF4000;
}

.yellow-border {
        border-bottom: 3px solid #FCF00D;
}

.green-border {
        border-bottom: 3px solid #94E355;
}

.blue-border {
        border-bottom: 3px solid #5BBEE9;
}

.perple-border {
        border-bottom: 3px solid #7151C8;
}

.redborderlarge {
        border-bottom: 12px solid #FF4000;
}

.yellowborderlarge {
        border-bottom: 12px solid #FCF00D;
}

.greenborderlarge {
        border-bottom: 12px solid #94E355;
}

.blueborderlarge {
        border-bottom: 12px solid #5BBEE9;
}

.perpleborderlarge {
        border-bottom: 12px solid #7151C8;
}

.social-links-footer svg path:hover {
    fill: #FCF00D;
}
.we-love-left .faq-section-div {
    padding-bottom: 10px;
}
.we-love-left .faq-q.red-border p {
    line-height: 37px;
}
/* common media query */
@media(max-width:1200px) {
        .container {
                padding: 0px 20px;
        }
}
@media(max-width:1400px) and (min-width: 1200px) {
	.logo-icon-section.container .video-and-text .text{
	width:100%;
		margin-bottom:30px
	}
}

@media (min-width: 1200px){

	.site-hero-banner.internal .hero-sub-heading {
    margin-top: 30px;
}
}

@media (max-width: 1350px) and (min-width: 1200px) {
	.lets-do-this{
		left:10px !important;
	}
	.footer-top.container {
    padding: 55px 10px;
	}
}





/* Header css with media query */
.site-hero-banner img {
        width: 100%;
        object-fit: cover;
        height: 100vh;
}

header.container.site-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: absolute;
        width: 100%;
        z-index: 9;
}

.dropdown-menu:not(.mobile) {
        display: flex;
        flex-direction: column;
        position: absolute;
        padding: 15px 20px;
        row-gap: 20px;
        background-color: #EFEFEF;
       	top: 64%;
	    border-radius: 0px 0px 10px 10px;
}
.dropdown-menu {}
header.container.site-header ul li.navigation-main:nth-child(1):hover a.navigation-anchor {
   color: #94E355;
	border-bottom: 3px solid #94E355;
}

li.navigation-main.service.desktop:nth-child(1) .dropdown-menu a:hover svg path{
	stroke: #94E355;
}
header.container.site-header ul li.navigation-main:nth-child(1):hover .navigation-anchor  svg path{
	stroke: #94E355;
}

.dropdown-menu:not(.mobile), .dropdown-menu.mobile {
        display: none;
}
.engage-your.container .text-engage svg {
    width: 150px;
    height: 63px;
}
.case-video-section.container .case-video{
	height:570px;
}

li.navigation-main.service a.navigation-anchor {
        display: flex;
        align-items: center;
        column-gap: 10px;
}

header.container.site-header ul li.navigation-main.service.desktop:hover .dropdown-menu {
        display: flex;
}
.other-work-section.container .heading span {
    padding-bottom: 30px;
}
header.container.site-header ul li.navigation-main:nth-child(2):hover a.navigation-anchor{
		color:#FCF00D;
		border-bottom:3px solid #FCF00D;
}
header.container.site-header ul li.navigation-main:nth-child(4):hover a.navigation-anchor{
		color:#5BBEE9;
		border-bottom:3px solid #5BBEE9;
}
header.container.site-header ul li.navigation-main:nth-child(5):hover a.navigation-anchor{
		color:#7151C8;
		border-bottom:3px solid #7151C8;
}
header.container.site-header ul li.navigation-main:nth-child(3):hover a.navigation-anchor{
		color:#FF4000;
		border-bottom:3px solid #FF4000;
}
header.container.site-header ul li.navigation-main:nth-child(3):hover .navigation-anchor  svg path{
	stroke: #FF4000;
}
li.navigation-main.service.desktop:nth-child(3) .dropdown-menu a:hover svg path{
	stroke: #FF4000;
}
li.navigation-main.service.desktop .dropdown-menu a:hover svg{
	visibility: visible;
}
li.navigation-main.service.desktop .dropdown-menu a svg{
	visibility:hidden;
}
.dropdown-menu a {
        color: var(--textcolor);
        font-weight: 400;
        font-size: 19px;
	display:flex;
	align-items:center;
	transition:none;
}
.dropdown-menu a svg {
    margin-right: 5px;
}

header.container.site-header ul {
        display: flex;
        background: #fff;
        column-gap: 55px;
        border-radius: 100px;
        padding: 0px 45px;
}

header.container.site-header ul a.navigation-anchor {
        color: var(--textcolor);
        font-weight: 700;
        font-size: 19px;
	  	padding: 13px 0px 10px 0px;
    	border-bottom: 3px solid transparent;
}

header.container.site-header ul li.navigation-main {
        display: block;
        align-items: center;
        line-height: 19px;

}
header.container.site-header .site-navigation.desktop ul li.navigation-main {
        display: flex;

}

header.container.site-header .site-logo a img {
        height: 163px;
        width: 165px;
}

header.container.site-header .site-logo {
        line-height: 0px;
}

.contact-button a.btn-color {
        font-size: 21px;
        color: #000;
        height: 45px;
        width: 142px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100px;
        font-weight: 700;
}

.navigation-mobile {
        display: none;
}

.navigation-links-mobile-menu {
        display: none;
}

@media(max-width:1200px) {
        header.container.site-header ul a.navigation-anchor {
                font-size: 17px;
        }

        .contact-button a.btn-color {
                font-size: 19px;
                height: 35px;
                width: 122px;
        }

        header.container.site-header .site-logo a img {
                height: 143px;
                width: 145px;
        }
}

@media(max-width:992px) {
        header.container.site-header nav {
                display: none;
        }

        .navigation-links-mobile-menu.active li.about-main .navigation-anchor {
                font-size: 25px;
                font-style: normal;
                font-weight: 700;
                line-height: normal;
                color: var(--textcolor);
        }

        .navigation-links-mobile-menu.active li.navigation-main .navigation-anchor {
                font-size: 25px;
                font-style: normal;
                font-weight: 700;
                line-height: normal;
                color: var(--textcolor);
                display: flex;
                width: 100%;
                align-items: center;
                justify-content: space-between;
        }

        .mobile-navigation-top {
                width: 100%;
                display: flex;
                justify-content: space-between;
                background: #142840;
                padding: 0px 20px;
                align-items: center;
        }
        .case-video-section.container .case-video{
                height: 450px;
        }

        header.container.site-header .contact-button {
                display: none;
        }

        .navigation-mobile {
                display: block;
        }

        .navigation-links-mobile-menu {
                display: block;
        }

        header.container.site-header .navigation-links-mobile-menu .contact-button {
                display: flex;
                padding: 30px 15px;
                justify-content: center;
        }

        .navigation-links-mobile-menu {
                position: fixed;
                left: -100%;
                top: 0rem;
                flex-direction: column;
                background-color: #fff;
                width: 100%;
                text-align: center;
                transition: 0.3s;
                height: 100vh;
                box-shadow: 0 10px 27px rgba(0, 0, 0, 0.05);
                row-gap: 20px;
                padding: 0px 0px 20px 0px;
                z-index: 9;
                display: flex;
                align-items: center;
        }

        .navigation-links-mobile-menu span.nav-close {
                right: 20px;
                top: 30px;
        }

        header.container.site-header ul {
                display: flex;
                background: #fff;
                column-gap: 55px;
                border-radius: 100px;
                padding: 0px 28px;
                flex-direction: column;
                width: 100%;
                padding-top: 34px;
                overflow-y:scroll;
        }

        header.container.site-header ul li.navigation-main {
                text-align: left;
                width: 100%;
                border-bottom: 3px solid #C9D4E2;
                padding: 20px 0px;
        }

        .main-about-div {
                display: flex !important;
                justify-content: space-between;
                align-items: center;
                line-height: 19px;
                padding: 20px 0px 20px 0px;
                text-align: left;
                width: 100%;
        }

        li.about-main.active .main-about-div {
                padding-bottom: 0px;
        }

        li.about-main {
                border-bottom: 3px solid #C9D4E2;
        }

        li.about-main.active {
                padding-bottom: 20px;
        }

        .about-main a.navigation-anchor {
                display: inline-block ! IMPORTANT;
                width: auto ! IMPORTANT;
        }

        .navigation-links-mobile-menu.active {
                left: 0%;
        }

        .navigation-mobile svg {
                width: 40px;
                height: 40px;
        }

        li.navigation-main.service a.navigation-anchor {
                display: flex;
                justify-content: space-between;
        }

        .dropdown-menu a {
                font-size: 20px;
                font-style: normal;
                font-weight: 600;
                line-height: normal;
                color: var(--textcolor);
                padding-bottom: 0px;
        }

        li.about-main.active .dropdown-menu.mobile, li.navigation-main.service.active .dropdown-menu.mobile {
                display: block;
                position: relative;
                top: 0px;
                left: 0px;
                padding-top: 20px;
                padding-left: 0px;
                padding-bottom: 0px;
                text-align: left;
        }
}

@media(max-width:767px) {
        header.container.site-header .site-logo a img {
                height: 100px;
                width: 102px;
        }
        .case-video-section.container .case-video {
                height: 350px;
            }

        .navigation-links-mobile-menu.active img {
                width: 100px;
                height: 102px;
        }

        .mobile-navigation-top {
                width: 100%;
                display: flex;
                justify-content: space-between;
                background: #142840;
                overflow:hidden;
        }

        .navigation-links-mobile-menu.active li.navigation-main .navigation-anchor {
                font-size: 25px;
                font-style: normal;
                font-weight: 700;
                line-height: normal;
                color: var(--textcolor);
                display: flex;
                width: 100%;
                align-items: center;
                justify-content: space-between;
        }

        .navigation-links-mobile-menu.active li.about-main .navigation-anchor {
                font-size: 25px;
                font-style: normal;
                font-weight: 700;
                line-height: normal;
                color: var(--textcolor);
        }



}







/* hero banner css and media query */
.site-hero-banner {
        display:flex;
        flex-direction:column;
        justify-content:center;
        position: relative;
        overflow: hidden;
        min-height:85dvh;
}
.site-hero-banner.internal {min-height:50dvh;}
.site-hero-banner.internal .hero-heading {padding-bottom:60px;}
.site-hero-banner:before{
	content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
}

.site-hero-banner .hero-video-wrapper {position:absolute;width:100%;height:100%;}

.site-hero-banner video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
}

.hero-heading {
        position:relative;
        z-index:2;
        margin-top:200px;
        padding-left:30px;
        padding-right:30px;
        text-align:center;
}

.hero-heading p.main-heading {
        font-size: 120px;
        color: #FFFFFF;
        font-weight: 800;
        line-height: 133px;
}


.hero-heading .watch-a-video {
        color: #fff;
        font-size: 21px;
        font-weight: bold;
        border: 1px solid;
        border-radius: 100px;
        width: 208px;
        display: inline-flex;
        height: 49px;
        justify-content: center;
        align-items: center;
        margin-top: 57px;
}

.hero-sub-heading {
        position:relative;
        z-index:2;
        margin-top: 30px;
}

.hero-sub-heading p {
        font-size: 32px;
        font-weight: 700;
        color: #FFFFFF;
}

.hero-sub-heading span {
        margin-top: 20px;
        display: block;
        font-size: 20px;
        color: #fff;
        line-height: 27px;
}

.hero-sub-heading a.read-more {
        color: #fff;
        font-size: 20px;
        margin-top: 22px;
        display: inline-block;
        border-bottom: 1px solid #fff;
        padding-bottom: 5px;
}

@media(max-width:1200px) {
        .hero-heading p.main-heading {
                font-size: 129px;
                line-height: 113px;
        }

        .hero-heading .watch-a-video {
                margin-top: 47px;
        }

        .hero-sub-heading {
                margin-top: 50px;
        }
}

@media(max-width:992px) {
        .hero-heading p.main-heading {
                font-size: 95px;
                line-height: 79px;
        }

        .hero-heading .watch-a-video {
                margin-top: 30px;
        }

        .hero-sub-heading {
                margin-top: 30px;
        }

}

@media(max-width:767px) {

        .hero-heading .watch-a-video {
                margin-top: 20px;
        }

        .hero-sub-heading {
                margin-top: 20px;
        }

        .hero-heading p.main-heading {
                font-size: 55px;
                line-height: 55px;
        }

        .hero-sub-heading span {
                margin-top: 10px;
        }
}

@media(max-width:520px) {
        .site-hero-banner img {
                height: 80vh;
        }
	a.idea-view-all.service.pulse-white-effect {
    margin-top: 30px;
}
	

        .hero-heading p.main-heading {
                font-size: 40px;
                line-height: 40px;
        }
		.other-work-section.container {
    		padding-bottom: 200px !important;
		}
		.case-study-main .case-study a{
	    	margin-top: 30px;
		}
	.case-study-main .case-study{
	text-align:left;
}

        .hero-heading {
               margin-top:160px;
        }

        .hero-heading .watch-a-video {
                height: 40px;
                width: 180px;
                font-size: 19px;
        }

        .hero-sub-heading {
                margin-top: 20px;
        }

        .hero-sub-heading p {
                font-size: 22px;
        }

        .hero-sub-heading a.read-more {
                margin-top: 10px;
        }

        .hero-sub-heading span {
                font-size: 18px;
                line-height: 24px;
        }

        .hero-sub-heading a.read-more {
                font-size: 18px;
        }

}





/* result banner css and media query */
.site-result.container {
        padding-top: 70px;
        display: flex;
        column-gap: 75px;
        padding-bottom: 86px;
        align-items: flex-start;
}

.vide-section {
        padding-left: 10px;
        width: 50%;
}

.vide-section .video-left {
        position: relative;
        width: 517px;
        background: transparent;
        /*    background: #D9D9D9;*/
        margin-left: 6px;
}

.vide-section .video-left iframe {
        width: 517px;
        height: 290px;
        border-radius: 10px;
}

.vide-section .video-left img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
}

.vide-section .heading {
        padding-left: 10px;
        padding-top: 40px;
}
.main-case-imagemain {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: 100%;
	}
.vide-section .heading p {
        font-size: 32px;
        font-weight: 700;
        color: var(--textcolor);
        width: 70%;
}

.vide-section .heading span {
        padding-top: 20px;
        display: block;
        font-size: 20px;
        line-height: 28px;
        width: 98%;
}

.site-result.container .result-text p {
        font-size: 27px;
        font-weight: 700;
        padding-bottom: 5px;
        display: inline-block;
        color: var(--textcolor);
        width: fit-content;
        position: relative;
}

.site-result.container .result-text .text-right {
        display: flex;
        flex-direction: column;
        row-gap: 12px;
}

.site-result.container .result-text .text-right .result-text-main {
        font-size: 20px;
        line-height: 28px;
        color: var(--textcolor);
        width: 80%;
}

.site-result.container .result-text .text-right a {
        font-size: 20px;
        color: var(--textcolor);
        border-bottom: 1px solid #142840;
        width: fit-content;
        font-weight: 700;
}

.result-text {
        display: flex;
        flex-direction: column;
        row-gap: 35px;
}

.site-result.container .result-text .text-right.p-1 p span {
        background-color: #FF4000;
}

.site-result.container .result-text .text-right.p-2 p span {
        background-color: #FCF00D;
}

.site-result.container .result-text .text-right.p-3 p span {
        background-color: #99E36C;
}

.site-result.container .result-text .text-right.p-4 p span {
        background-color: #5BBEE9;
}

.border-line {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 3px;
        width: 100%;
        transform: scaleX(0);
        transform-origin: left;
}




@media(max-width:1200px) {
        .site-result.container .result-text .text-right span {
                width: 100%;
        }

        .site-result.container {
                padding-top: 66px;
                padding-bottom: 66px;
        }

        .vide-section .video-left {
                width: 467px;
                margin-left: 0px;
        }

        .vide-section .video-left iframe {
                width: 467px;
                height: 240px;
                margin-left: 0px;
        }

}

@media(max-width:992px) {
        .site-result.container {
                padding-top: 40px;
                padding-bottom: 40px;
        }

        .site-result.container .result-text p {
                font-size: 22px;
                padding-top: 3px;
        }

        .vide-section .heading p {
                width: 100%;
                text-align: center;
        }

        .vide-section .heading {
                padding-top: 20px;
        }

        .vide-section .heading span {
                font-size: 18px;
                text-align: center;
        }

        .site-result.container .result-text .text-right span {
                font-size: 18px;
                text-align: center;
        }

        .site-result.container .result-text .text-right {
                row-gap: 8px;
                align-items: center;
        }

        .result-text {
                row-gap: 25px;
                width: 100%;
        }

        .vide-section .video-left {
                width: 350px;
        }

        .vide-section .video-left iframe {
                width: 350px;
                height: 153px;
        }


}

@media(max-width:767px) {

        .site-result.container {
                flex-direction: column;
                row-gap: 20px;
        }

        .vide-section {
                padding-left: 0px;
                width: 100%;
        }

        .vide-section .heading {
                padding-left: 0px;
        }

        .vide-section .video-left {
                width: 100%;
        }

        .vide-section .video-left iframe {
                width: 100%;
                height: 200px;
        }
}

@media(max-width:520px) {
        .site-result.container .result-text p {
                font-size: 20px;
        }

        .vide-section .heading p {
                font-size: 22px;
                width: 100%;
                text-align: center;
        }

        .vide-section .heading p {
                font-size: 20px;
                width: 100%;
        }

        .vide-section .heading span {
                padding-top: 10px;
        }

        .site-result.container .result-text .text-right a {
                font-size: 18px;
        }
}





/* idea section  */
.ideas-with-impact {
        background: var(--textcolor);
        display: flex;
        padding-top: 50px;
        justify-content: space-between;
        padding-bottom: 78px;
        column-gap: 0px !important;
}

.ideas-with-impact .idea-text-part {
        width: 50%;
}

.ideas-with-impact .idea-text-part .idea-heading p {
        font-size: 32px;
        font-weight: 700;
        color: #fff;
}

.ideas-with-impact .idea-text-part .idea-heading {
        padding-bottom: 30px;
}

.ideas-with-impact .idea-text-part .idea-text span {
        color: #fff;
        font-size: 20px;
        line-height: 28px;
}

.ideas-with-impact .idea-text-part .idea-text {
        padding-bottom: 25px;
}

.ideas-with-impact .idea-text-part .list-idea {
        display: flex;
        flex-direction: column;
        row-gap: 15px;
        padding-bottom: 40px;
}

.ideas-with-impact .idea-text-part .list-idea p {
        font-size: 22px;
        padding-bottom: 5px;
        width: max-content;
        color: #fff;
        cursor: pointer;
		position:relative;
		border-bottom:2px solid;
}
.ideas-with-impact .idea-text-part .list-idea p:hover{
	border-color:transparent;
}
.ideas-with-impact .idea-text-part p.list-idea-1{
	border-color:#ff4000;
}
.ideas-with-impact .idea-text-part p.list-idea-2{
	border-color:#FCF00D;
}
.ideas-with-impact .idea-text-part p.list-idea-3{
	border-color:#94E355;
}
.ideas-with-impact .idea-text-part p.list-idea-4{
	border-color:#5BBEE9;
}

.ideas-with-impact .idea-text-part .list-idea p {
    overflow: hidden;
    position: relative;
    display: inline-block;
    transition: border-bottom 0.3s ease;
}





a.idea-view-all {
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 163px;
        height: 49px;
        border: 1px solid;
        border-radius: 100px;
        font-size: 21px;
        font-weight: 700;
}

.idea-img-part .img1 img {
        border-radius: 10px 10px 0px 0px;
        width: 100%;
}

.idea-img-part .img1 {
        line-height: 0px;
}
.idea-img-part .img2{
	background: #fff;
	border-radius: 0px 0px 10px 10px;
	padding: 32px 20px 30px 40px;
	display: flex;
	align-items: flex-start;
	border-bottom: 12px solid #ff4000;
}
.counter .counter-div.branding-main:nth-child(1) section.border-anim{
	 background-color: #FF4000;
    border-radius: 0px 0px 10px 10px !important;
    height: 10px !important;
}
.counter .counter-div.branding-main:nth-child(2) section.border-anim{
	background-color: rgba(91, 190, 233, 1);
    border-radius: 0px 0px 10px 10px !important;
    height: 10px !important;
}
.counter .counter-div.branding-main:nth-child(3) section.border-anim{
	background-color: rgba(148, 227, 85, 1);
    border-radius: 0px 0px 10px 10px !important;
    height: 10px !important;	
}
.counter .counter-div.branding-main:nth-child(4) section.border-anim{
	background-color: rgba(252, 240, 13, 1);
    border-radius: 0px 0px 10px 10px !important;
    height: 10px !important;
}

.idea-img-part .img2 .imag-text-idea p.heading {
        font-size: 26px;
        font-weight: 700;
        color: var(--textcolor);
        padding-bottom: 15px;
        display: inline;
}

.idea-img-part .img2 .imag-text-idea span {
        font-size: 20px;
        display: block;
        line-height: 28px;
        width: 70%;
        color: var(--textcolor);
        padding-bottom: 15px;
}

.idea-img-part .img2 .imag-text-idea a {
        color: #000000;
        font-weight: 700;
        font-size: 20px;
        border-bottom: 1px solid #000;
        width: fit-content;
        padding-bottom: 5px;
}

.imag-text-idea {
        padding-left: 43px;
}

.idea-img-part .img2 .imag-text-idea {
        padding-left: 43px;
        display: flex;
        flex-direction: column;
        row-gap: 0px;
}

.idea-img-part {
        width: 50%;
}


@media(max-width:1200px) {
        .idea-img-part {
                width: 60%;
        }

        .ideas-with-impact {
                padding-top: 66px;
                padding-bottom: 66px;
        }

        .ideas-with-impact .idea-text-part {
                width: 35%;
        }

        .ideas-with-impact .idea-text-part .idea-heading {
                padding-bottom: 20px;
        }

        .idea-img-part .img2 .imag-text-idea span {
                width: 100%;
        }

        .ideas-with-impact .idea-text-part .list-idea {
                row-gap: 10px;
        }

}

@media(max-width:992px) {
        .ideas-with-impact {
                padding-top: 40px;
                padding-bottom: 40px;
        }
}



@media(max-width:767px) {
        .site-hero-banner img {
                height: 80vh;
        }

        .ideas-with-impact {
                flex-direction: column-reverse;
        }

        .idea-img-part {
                width: 100%;
        }

        .idea-img-part {
                width: 100%;
        }

        .ideas-with-impact .idea-text-part {
                width: 100%;
                padding-top: 30px;
        }

        .ideas-with-impact .idea-text-part .list-idea {
                flex-direction: row;
                justify-content: space-between;
                column-gap: 40px;
                flex-wrap: wrap;
        }

        .ideas-with-impact .idea-text-part {
                text-align: center;
        }

        .idea-text-part {
                display: flex;
                flex-direction: column;
                align-items: center;
        }

        .idea-img-part .img2 {
                padding: 22px 20px 22px 20px;
        }

        .idea-img-part .img2 .imag-text-idea p.heading {
                font-size: 20px;
        }

        .idea-img-part .img2 .imag-text-idea p.heading {
                padding-bottom: 10px;
        }

        .idea-img-part .img2 .imag-text-idea a {
                font-size: 16px;
        }

        .ideas-with-impact .idea-text-part .idea-heading {
                padding-bottom: 15px;
        }
}

@media(max-width:520px) {
        .ideas-with-impact .idea-text-part .list-idea {
                column-gap: 0px;
                padding-bottom: 30px;
        }

        .ideas-with-impact .idea-text-part .idea-heading p {
                font-size: 22px;
        }

        .ideas-with-impact .idea-text-part .list-idea p {
                font-size: 18px;
        }

        .ideas-with-impact .idea-text-part .idea-text span {
                font-size: 18px;
        }

        .ideas-with-impact .idea-text-part .list-idea {
                width: 100%;
        }

        a.idea-view-all {
                height: 40px;
                width: 140px;
                font-size: 18px;
        }

        .idea-img-part .img2 .imag-text-idea span {
                font-size: 18px;
                text-align: center;
        }

        .idea-img-part .img2 {
                flex-direction: column;
                align-items: center;
        }

        .idea-img-part .img2 .imag-text-idea {
                padding-left: 0px;
        }

        .idea-img-part .img2 .imag-text-idea {
                align-items: center;
        }

        .idea-img-part .img2 {
                padding: 15px;
        }
}




/* logo and icon section */

.logo-icon-section.container {
        padding-top: 65px;
        padding-bottom: 95px;
}

.logo-icon-section.about.container {
        padding-bottom: 200px;
}

.logo-icon-section.container .heading-subheading p {
        font-size: 32px;
        font-weight: 700;
        color: var(--textcolor);
        text-align: center;
        padding-bottom: 32px;
}

.logo-icon-section.container .heading-subheading span {
        text-align: center;
        display: block;
        font-size: 20px;
        line-height: 28px;
        width: 76%;
        margin: 0 auto;
}

.logo-icon img {
        width: 162px;
        height: 162px;
}

.logo-icon {
        background: #F5F5F7;
        border-radius: 10px;
        display: flex;
        flex-wrap: wrap;
        column-gap: 80px;
        row-gap: 15px;
        align-items: center;
        padding: 30px 168px 42px 168px;
        justify-content: center;
}

.logo-icon-section.container .video-and-text .video img {
        width: 100%;
        height: auto;
		border-radius:10px;
}

.heading-subheading {
        padding-bottom: 50px;
}

.video-and-text {
        display: flex;
        padding-top: 62px;
        justify-content: space-between;
        flex-wrap: wrap;
}

.video-and-text .text p {
        font-size: 32px;
        font-weight: 700;
        padding-bottom: 27px;
        color: var(--textcolor);
}

.video-and-text .text span {
        width: 100%;
        display: block;
        font-size: 20px;
        line-height: 28px;
        color: var(--textcolor);
}

.logo-icon-section.container .video-and-text .text {
        width: 30%;
}

.logo-icon-section.container .video-and-text .video {
        display: flex;
        column-gap: 24px;
}

@media (max-width:1200px) {
        .logo-icon-section.container .video-and-text .video .video-wrapper {
                width: 50%;
        }

        .logo-icon-section.container .video-and-text .video-wrapper iframe {
                width: 100%;
                height: 300px;
                border-radius: 10px;
        }

        .logo-icon-section.container {
                padding-top: 66px;
                padding-bottom: 66px;
        }

        .logo-icon-section.container .heading-subheading p {
                padding-bottom: 15px;
        }

        .heading-subheading {
                padding-bottom: 20px;
        }

        .logo-icon {
                justify-content: space-between;
                padding: 30px 30px 30px 30px;
        }

        .video-and-text {
                padding-top: 30px;
        }

        .video-and-text .text p {
                padding-bottom: 20px;
        }

        .video-and-text .text span {
                width: 100%;
        }

        .logo-icon-section.container .video-and-text .video {
                padding-top: 20px;
        }

        .logo-icon-section.container .video-and-text .video {
                justify-content: space-between;
                width: 100%;
        }

        .logo-icon-section.container .video-and-text .text {
                width: 100%;
        }
}

@media (max-width:992px) {
        .logo-icon-section.container .video-and-text .video {
                column-gap: 10px;
                display: flex;
                justify-content: flex-start;
        }

        .logo-icon-section.container .video-and-text .video img {
                width: 45%;
        }

        .logo-icon-section.container .video-and-text .video-wrapper iframe {
                width: 100%;
                height: 250px;
                border-radius: 10px;
        }
}

@media (max-width:767px) {
        .logo-icon-section.container .video-and-text .video img {
                width: 50%;
                height: auto;
        }

        .logo-icon-section.container .heading-subheading span {
                width: 100%;
        }

        .logo-icon-section.container {
                padding-top: 40px;
                padding-bottom: 40px;
        }

        .logo-icon {
                column-gap: 30px;
                justify-content: space-evenly;
                padding: 15px;
        }
}

@media (max-width:520px) {
        .video-and-text .text p {
                padding-bottom: 10px;
                text-align: center;
                font-size: 22px;
        }

        .logo-icon-section.container .video-and-text .video-wrapper iframe {
                width: 100%;
                height: 205px;
                border-radius: 10px;
        }

        .logo-icon-section.container .video-and-text .video {
                flex-direction: column;
        }

        .logo-icon-section.container .video-and-text .video .video-wrapper {
                width: 100%;
        }

        .video-and-text {
                padding-top: 20px;
        }

        .video-and-text .text span {
                width: 100%;
                text-align: center;
                font-size: 18px;
        }

        .logo-icon-section.container .video-and-text .video {
                flex-direction: column;
                row-gap: 15px;
        }

        .logo-icon-section.container .video-and-text .video img {
                width: 100%;
        }

        .logo-icon-section.container .heading-subheading span {
                font-size: 18px;
        }

        .logo-icon-section.container .heading-subheading p {
                font-size: 22px;
        }
}






/* digital score */
.digital-score {
        display: flex;
        background: #0F2035;
        padding: 94px 0px 64px 100px;
        justify-content: space-between;
}

.digital-score .score-text-part p.heading {
        color: #fff;
        font-size: 32px;
        font-weight: 700;
        padding-bottom: 27px;
}

.digital-score .score-text-part span {
        font-size: 20px;
        line-height: 28px;
        color: #fff;
}

.digital-score .score-text-part {
        width: 40%;
}

.digital-score .score-text-part p.heading {
        color: #fff;
        font-size: 32px;
        padding-bottom: 27px;
        font-weight: 700;
}

.digital-score .score-text-part span {
        font-size: 20px;
        line-height: 28px;
        color: #fff;
        width: 88%;
        display: block;
        padding-bottom: 28px;
}

.digital-score .score-text-part a {
        font-size: 21px;
        color: var(--textcolor);
        height: 49px;
        width: 165px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100px;
        font-weight: 700;
        background: #FCF00D;
}

.digital-score .score-text-part span.note {
        font-size: 15px;
        line-height: normal;
        padding-top: 35px;
}

@media (max-width:1200px) {
        .digital-score {
                padding-top: 66px;
                padding-bottom: 66px;
                padding-left: 20px;
        }
}

@media (max-width:992px) {
        .digital-score .score-text-part p.heading {
                padding-bottom: 20px;
        }

        .digital-score .score-text-part span {
                padding-bottom: 20px;
                width: 100%;
        }

        .digital-score .score-text-part {
                width: 100%;
                text-align: center;
                display: flex;
                flex-direction: column;
                align-items: center;
        }

        .digital-score {
                flex-direction: column;
        }

        .digital-score {
                padding-right: 20px;
        }

        .digital-img img {
                width: 100%;
        }
}

@media (max-width:767px) {
        .digital-score {
                padding-top: 40px;
                padding-bottom: 40px;
        }

}

@media (max-width:520px) {
        .digital-score .score-text-part p.heading {
                font-size: 22px;
                padding-bottom: 10px;
        }

        .digital-score .score-text-part span {
                font-size: 18px;
                line-height: 24px;
                padding-bottom: 10px;
        }

        .digital-score .score-text-part a {
                font-size: 18px;
                height: 40px;
                width: 140px;
                margin-top: 10px;
        }

        .digital-score .score-text-part span.note {
                font-size: 14px;
                line-height: normal;
                padding-top: 20px;
        }

        .digital-img {
                padding-top: 20px;
        }
}







/* grear people */
.great-people.container {
        display: flex;
        padding-top: 50px;
        justify-content: space-between;
        column-gap: 10px;
        padding-bottom: 58px;
}

.great-people.container .left-great p.heading-people {
        font-size: 32px;
        font-weight: 700;
        color: var(--textcolor);
        padding-bottom: 44px;
}

.flip-section.challenge-2 .front-flip p {
        color: #fff;
}

.great-people.container .left-great span {
        color: var(--textcolor);
        font-size: 20px;
        width: 100%;
        display: block;
        padding-bottom: 20px;
}

.great-people.container .left-great {
        width: 46%;
}

.great-people.container .left-great a {
        font-size: 21px;
        width: 195px;
        height: 49px;
}

.great-people.container .left-great a {
        font-size: 21px;
        width: 195px;
        height: 49px;
        border: 1px solid #142840;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100px;
        margin-top: 10px;
        font-weight: 700;
        color: #121331;
}

.great-people.container .right-great {
        background: #F5F5F7;
        border-radius: 10px;
        width: 550px;
        height: 479px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        align-items: center;
        justify-items: center;
}

.great-people.container .right-great img {
        width: 160px;
        height: 160px;
}



@media(max-width:1200px) {
        .great-people.container .left-great p.heading-people {
                padding-bottom: 24px;
        }

        .great-people.container .right-great {
                width: 510px;
                height: 379px;
        }

}

@media(max-width:992px) {
        .great-people.container {
                flex-direction: column;
        }

        .great-people.container .left-great {
                width: 100%;
                display: flex;
                flex-direction: column;
                align-items: center;
        }

        .great-people.container .left-great span {
                text-align: center;
        }

        .great-people.container .right-great {
                width: 100%;
                height: 400px;
                margin-top: 30px;
        }

}

@media(max-width:767px) {
        .great-people.container {
                padding-top: 40px;
                padding-bottom: 40px;
        }
}

@media(max-width:520px) {
        .great-people.container .left-great p.heading-people {
                font-size: 22px;
                padding-bottom: 15px;
        }

        .great-people.container .left-great span {
                font-size: 18px;
                padding-bottom: 10px;
        }

        .great-people.container .left-great a {
                height: 40px;
                width: 140px;
                font-size: 18px;
        }
}









/* career upp css */
.career-vol {
        display: flex;
        align-items: center;
        margin-bottom: 273px;
}

.career-upp {
        position: relative;
}

.career-vol img {
        width: 25%;
        height: auto;
}

.career-upp .carrer-upp-text {
        margin: 0px 100px;
        background-color: #0F2035;
        padding: 51px 66px 0px 66px;
        position: absolute;
        border-radius: 10px;
        top: 74%;
}

.career-upp .carrer-upp-text p.heading {
        color: #fff;
        font-size: 32px;
        font-weight: 700;
        padding-bottom: 24px;
}

.career-upp .carrer-upp-text span {
        font-size: 20px;
        color: #fff;
        padding-bottom: 20px;
        display: block;
        width: 86%;
}

.career-upp .carrer-upp-text a {
        display: flex;
        color: #ffffff;
        width: 195px;
        height: 49px;
        border: 1px solid #fff;
        border-radius: 100px;
        justify-content: center;
        align-items: center;
        font-size: 21px;
        margin-top: 15px;
        margin-bottom: 62px;
}

@media (max-width:1200px) {
        .career-upp .carrer-upp-text {
                padding: 40px;
                margin: 0px 20px;
                width: 97%;
        }

        .career-upp .carrer-upp-text a {
                margin-bottom: 20px;
        }

        .career-upp .carrer-upp-text span {
                width: 100%;
        }
}

@media (max-width:992px) {
        .career-upp .carrer-upp-text {
                padding: 40px;
                margin: 0px;
                width: 96%;
                left: 50%;
                transform: translateX(-50%);
        }

        .career-upp .carrer-upp-text {
                padding: 25px;
        }

        .career-upp .carrer-upp-text a {
                margin-bottom: 0px;
        }

        .career-upp .carrer-upp-text span {
                padding-bottom: 10px;
        }

        .career-upp .carrer-upp-text p.heading {
                padding-bottom: 15px;
        }
}

@media (max-width:767px) {
        .career-vol {
                margin-bottom: 320px;
        }
}

@media(max-width:663px) {
        .career-vol {
                margin-bottom: 350px;
        }
}

@media(max-width:637px) {
        .career-vol {
                margin-bottom: 400px;
        }
}

@media(max-width:540px) {
        .career-vol {
                margin-bottom: 450px;
        }
}

@media (max-width:520px) {
        .career-upp .carrer-upp-text p.heading {
                font-size: 22px;
                text-align: center;
        }

        .career-upp .carrer-upp-text span {
                font-size: 18px;
                text-align: center;
        }

        .career-upp .carrer-upp-text a {
                font-size: 18px;
                height: 40px;
                width: 140px;
        }

        .career-vol {
                margin-bottom: 470px;
        }

        .career-upp .carrer-upp-text {
                display: flex;
                flex-direction: column;
                align-items: center;
        }

        .career-vol {
                margin-bottom: 360px;
        }
}

@media (max-width:490px) {
        .career-vol {
                margin-bottom: 400px;
        }
}

@media (max-width:390px) {
        .career-vol {
                margin-bottom: 500px;
        }
}

@media (max-width:340px) {
        .career-vol {
                margin-bottom: 600px;
        }
}













/* flip section css */
.flip-section {
        width: 244px;
        height: 248px;
        perspective: 1000px;
        /* important for 3D */
        cursor: pointer;
}

.flip-inner {
        width: 100%;
        height: 100%;
        position: relative;
        transition: transform 0.6s;
        transform-style: preserve-3d;
}

.front-flip,
.back-flip {
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 10px;
        padding: 27px 33px 51px 31px;
        backface-visibility: hidden;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        transition: background 0.6s;
}

.flip-section.flipped .flip-inner {
        transform: rotateX(180deg);
}

.back-flip {
        color: #fff;
        transform: rotateX(180deg);
}

.flip-section svg {
        position: absolute;
        bottom: 14px;
        right: 19px;
}

.flip-section p {
        font-size: 25px;
        font-weight: 700;
        line-height: 29px;
}
.flip-section .back-flip p {
 overflow-y: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
}
.flip-section .back-flip p::-webkit-scrollbar {
  width: 0; /* Chrome, Safari, Edge */
}

/* Show scrollbar when hovering */
.flip-section .back-flip p:hover {
  scrollbar-width: thin;
  scrollbar-color: #888 #f1f1f1;
}

.flip-section .back-flip p:hover::-webkit-scrollbar {
  width: 6px;
}

.flip-section .back-flip p:hover::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 10px;
}

.flip-section .back-flip p:hover::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

.flip-section .back-flip p:hover::-webkit-scrollbar-track {
  background-color: #f1f1f1;
  border-radius: 10px;
}

.back-main-div span::-webkit-scrollbar {
  width: 0; /* Chrome, Safari, Edge */
}

/* Show scrollbar on hover */
.back-main-div span:hover {
  scrollbar-width: thin;
  scrollbar-color: #888 #f1f1f1;
}

.back-main-div span:hover::-webkit-scrollbar {
  width: 6px;
}

.back-main-div span:hover::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 10px;
}

.back-main-div span:hover::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

.back-main-div span:hover::-webkit-scrollbar-track {
  background-color: #f1f1f1;
  border-radius: 10px;
}





.flip-section.challenge-1 .front-flip {
        color: var(--textcolor);
        background-color: #94E355;
}

.flip-section.challenge-1 svg path {
        fill: #BEFC98;
}

.flip-section.challenge-2 svg path {
        fill: #FFB196;
}

.flip-section.challenge-3 svg path {
        fill: #90DDFF;
}

.flip-section.challenge-2 .front-flip {
        color: var(--textcolor);
        background-color: #FF4000;
}

.flip-section.challenge-3 .front-flip {
        color: var(--textcolor);
        background-color: #5BBEE9;
}

.challenge-text {
        width: 29%;
        padding-left: 15px;
}

.challenge-section.container {
        display: flex;
        column-gap: 44px;
        padding-top: 81px;
        padding-bottom: 200px;
}

.challenge-text p.heading {
        font-size: 32px;
        font-weight: 700;
        color: var(--textcolor);
        padding-bottom: 28px;
}

.challenge-text span {
        font-size: 20px;
        color: var(--textcolor);
}

.flip-section.challenge-1 .back-flip {
        background-color: #94E355;
}

.flip-section.challenge-2 .back-flip {
        background-color: #FF4000;
}

.flip-section.challenge-3 .back-flip {
        background-color: #5BBEE9;
}

.challenge-text a {
        margin-top: 30px;
        border: 1px solid #142840;
        width: 222px;
        height: 49px;
        color: #121331;
        font-size: 21px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100px;
        font-weight: 700;
}

@media(max-width:1200px) {
        .challenge-section.container {
                column-gap: 0px;
        }

        .challenge-section.container {
                flex-wrap: wrap;
                justify-content: flex-start;
        }

        .challenge-section.container {
                padding-top: 66px;
                padding-bottom: 66px;
        }

        .flip-section {
                width: 32%;
        }

        .front-flip,
        .back-flip {
                width: 100%;
        }

        .challenge-text {
                padding-left: 0px;
                padding-top: 30px;
                width: 100%;
                display: flex;
                flex-direction: column;
                align-items: center;
        }

        .challenge-text span {
                font-size: 20px;
                color: #000;
                text-align: center;
                line-height: 28px;
        }

        .challenge-text p.heading {
                padding-bottom: 10px;
        }

        .flip-section.challenge-2 {
                margin: 0px 18px;
        }
}

@media(max-width:992px) {
        .flip-section.challenge-2 {
                margin: 0px;
        }

        .challenge-section.container {
                column-gap: 1%;
        }
}

@media(max-width:767px) {
        .challenge-text {
                padding-top: 15px;
        }

        .challenge-text p.heading {
                padding-bottom: 5px;
        }

        .challenge-section.container {
                padding-top: 40px;
                padding-bottom: 150px;
        }

        .flip-section p {
                font-size: 22px;
        }

        .flip-section {
                padding: 0px;
        }

        .front-flip,
        .back-flip {
                padding: 15px;
        }

}

@media(max-width:520px) {
        .flip-section p {
                font-size: 18px;
                text-align: center;
                line-height: 18px;
        }

        .flip-section {
                width: 100%;
                margin-bottom: 10px !important;
                min-height: 90px;
                height: auto;
        }

        .front-flip,
        .back-flip {
                min-height: 90px;
                height: auto;
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 0px 15px;
        }

        .challenge-text p.heading {
                font-size: 22px;
        }

        .challenge-text span {
                font-size: 18px;
        }

        .challenge-text a {
                font-size: 18px;
                height: 40px;
                width: 160px;
        }
}






/* footer css */
.footer-top,
.footer-bottom {
        background-color: #0F2035;
}

footer.footer-container {
        position: relative;
}

.lets-do-this {
        background: #FCF00D;
        width: 528px;
        border-radius: 10px;
        position: relative;
        padding: 47px 52px 47px 43px;
        top: -200px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self:start;
}

.lets-do-this p {
        font-size: 32px;
        color: var(--textcolor);
        font-weight: 700;
        padding-top: 13px;
}

.lets-do-this span {
        font-size: 20px;
        color: var(--textcolor);
        line-height: 24px;
        padding-top: 10px;
}

.empty-div {
        display: block;
        width: 100%;
        height: 110px;
}

.footer-form {
        width: 612px;
}

.footer-top.container {
        display: flex;
        justify-content: space-between;
        padding-top: 55px;
}

.footer-form span {
        font-size: 16px;
        color: #fff;
        font-weight: 400;
        display: block;
        /*    padding-bottom: 27px;*/
}

.footer-form .gfield input {
        width: 100%;
        height: 33px;
        background: #334153;
        color: #C9D4E2;
        border: none;
        padding: 0px 10px;
        font-size: 16px;
}

.footer-form .gfield input {
        width: 100%;
        background: #334153;
        color: #C9D4E2;
        border: none;
        font-size: 16px;
        height: 33px;
        padding: 8px 10px;
}

.footer-input-field input:focus-visible {
        outline: none;
}

.footer-form textarea {
        width: 100%;
        background: #334153;
        color: #C9D4E2;
        border: none;
        font-size: 16px;
        height: 91px;
        padding: 8px 10px;
	    font-family: var(--font);
}

.footer-form textarea:focus-visible {
        outline: none;
}

.footer-form .sumbit-button {
        height: 49px;
        width: 188px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #FCF00D;
        color: #121331;
        font-size: 21px;
        font-weight: 700;
        border-radius: 100px;
        border: 1px solid;
}

.footer-form form {
        padding-left: 5px;
}

.footer-bottom.container .footer-links {
        display: flex;
        padding-bottom: 47px;
        column-gap: 20px;
        align-self:end;
}

.footer-bottom.container .footer-links a {
        font-size: 25px;
        color: #fff;
}

.footer-bottom.container {
        display: flex;
        align-items: flex-start;
        column-gap: 64px;
}

.footer-bottom-right {
        display: flex;
        flex-direction: column;
}

.social-links-footer {
        display: flex;
        column-gap: 40px;
        padding-top: 16px;
}

.footer-bottom-links {
        display: flex;
        column-gap: 23px;
        padding-top: 25px;
}

.footer-bottom-links a {
        font-size: 17px;
        color: #ffffff;
        word-spacing: 3px;
}

.footer-address {
        padding-top: 22px;
}

.footer-address span.address {
        display: block;
        font-size: 16px;
        color: #fff;
}

@media(max-width:1200px) {
        .lets-do-this {
                width: 400px;
                padding: 27px 32px 27px 23px;
                top:-100px;
                align-self:center;
        }

        .lets-do-this span {
                font-size: 18px;
        }

        .footer-bottom.container .footer-links {
                column-gap: 10px;
        }

        .footer-form {
                width: 500px;
        }

        .footer-form .sumbit-button {
                height: 40px;
                width: 160px;
                font-size: 19px;
        }

        .footer-form span {
                font-size: 14px;
        }

        .footer-bottom.container .footer-links a {
                font-size: 20px;
        }

        .footer-bottom.container {
                column-gap: 40px;
        }

}

@media(max-width:992px) {
       
        .footer-address span.address {
                text-align: center;
        }

        .lets-do-this span {
                padding-top: 7px;
        }

        .footer-form {
                width: 400px;
        }

        .footer-form .gfield {
                flex-direction: column;
                row-gap: 17px;
        }

        .lets-do-this p {
                font-size: 24px;
                padding-top: 13px;
        }

        .footer-bottom.container {
                padding-top: 10px;
                display: flex;
                justify-content: center;
                flex-direction: column;
                align-items: center;
        }

        .social-links-footer {
                justify-content: center;
                padding-top: 20px;
        }

        .footer-bottom-links {
                justify-content: center;
        }

        .footer-top.container {
                display: flex;
                justify-content: space-between;
                align-items: center;
                flex-direction: column;
        }

        .footer-form span {
                text-align: center;
        }

        .footer-form form {
                padding-left: 5px;
                display: flex;
                flex-direction: column;
                align-items: center;
        }

        .footer-form .gfield {
                width: 100%;
        }

        .footer-form .gfield {
                width: 100%;
        }

        .footer-bottom.container .footer-links {
                padding-bottom: 10px;
                padding-top: 25px;
                align-self:center;
        }
}

@media(max-width:767px) {}

@media(max-width:520px) {
        .footer-form {
                width: 100%;
        }

        .lets-do-this {
                width: 350px;
                align-items: center;
        }
}

@media(max-width:420px) {
        .lets-do-this {
                width: 300px;
                align-items: center;
        }
}








/* service page css start */



/* site-hero-banner.internal css */


.site-hero-banner.internal .hero-heading p.main-heading {
        font-size: 96px;
        line-height: 80px;
        text-transform: uppercase;
}


.site-hero-banner.internal .hero-sub-heading p {
        font-size: 20px;
        line-height: 27px;
        font-weight: 400;
}

.site-hero-banner.internal .hero-sub-heading {
        margin-top: 64px;
}

.site-hero-banner.internal {
        line-height: 0px;
        position: relative;
		display: flex;
}

@media (max-width:1200px) {
        .site-hero-banner.internal .hero-heading p.main-heading {
                font-size: 66px;
                line-height: 62px;
        }

        .site-hero-banner.internal .hero-sub-heading {
                margin-top: 50px;
        }

}

@media (max-width:992px) {
        .site-hero-banner.internal .hero-heading p.main-heading {
                font-size: 46px;
                line-height: 52px;
        }



}

@media (max-width:767px) {
       

        .site-hero-banner.internal .hero-sub-heading {
                margin-top: 20px;
        }

}

@media (max-width:520px) {
        .site-hero-banner.internal .hero-heading p.main-heading {
                font-size: 40px;
                line-height: 40px;
        }

        .site-hero-banner.internal .hero-sub-heading p {
                font-size: 18px;
                line-height: 25px;
                font-weight: 400;
                padding: 0px 15px;
        }
}











/* faq section */
.open-close-faq.container {
        display: flex;
        align-items: flex-start;
        padding-top: 70px;
}

.open-close-faq.container .faq-open-close {
        width: 50%;
        display: flex;
        flex-direction: column;
        row-gap: 25px;
}

.open-close-faq.container .heading-section {
        width: 50%;
}

.open-close-faq.container .heading-section p {
        font-size: 32px;
        font-weight: 700;
        padding-bottom: 20px;
        color: var(--textcolor);
}

.open-close-faq.container .heading-section span {
        font-size: 20px;
        line-height: 28px;
        color: var(--textcolor);
}

.faq-q p {
        font-size: 27px;
        font-weight: 700;
        color: var(--textcolor);
}

.faq-q {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 7px;
        margin-left: 12px;
        cursor: pointer;
}

.faq-q img {
        width: 27px;
        height: 15px;
        margin-right: 3px;
        transform: rotate(180deg);
        transition: transform 0.3s ease;
}

.faq-q.active img {
        transform: rotate(0deg);
        transition: transform 0.3s ease;
}

.faq-answear span {
        font-size: 20px;
        line-height: 28px;
        text-align: left;
        margin-right: 30px;
        display: block;
        padding-bottom: 10px;
        color: var(--textcolor);
}

.faq-answear {
        padding-left: 10px;
        padding-top: 14px;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s ease-in-out, padding 0.4s ease-in-out;
        opacity: 0;
}

.faq-answear.active {
        display: block;
        max-height: 500px;
        opacity: 1;
        padding-bottom: 20px;
}

.faq-answear a.read-more {
        color: var(--textcolor);
        font-size: 20px;
        margin-top: 0px;
        display: inline-block;
        border-bottom: 1px solid var(--textcolor);
        padding-bottom: 0px;
}

@media(max-width:1200px) {
        .open-close-faq.container {
                padding-top: 66px;
                padding-bottom: 66px;
        }
}

@media(max-width:992px) {}

@media(max-width:767px) {
        .open-close-faq.container {
                padding-top: 40px;
                padding-bottom: 40px;
        }

        .open-close-faq.container {
                flex-direction: column;
        }

        .open-close-faq.container .heading-section {
                width: 100%;
        }

        .open-close-faq.container .faq-open-close {
                width: 100%;
                padding-top: 20px;
                row-gap: 10px;
        }

        .faq-q {
                margin-left: 0px;
        }

        .faq-answear {
                padding-left: 0px;
        }
}

@media(max-width:520px) {
        .open-close-faq.container .heading-section p {
                font-size: 22px;
                padding-bottom: 10px;
        }

        .faq-q p {
                font-size: 22px;
        }

        .open-close-faq.container .heading-section span {
                font-size: 18px;
        }

        .faq-answear span {
                font-size: 18px;
        }

        .faq-q img {
                width: 22px;
                height: 12px;
        }

        .faq-answear a.read-more {
                font-size: 18px;
        }
}








/* counter css */
.counter.container {
        background: #F5F5F7;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 56px;
        margin-top: 59px;
        padding-bottom: 59px;
        column-gap: 20px;
}
.service.idea.impact.section{
padding-top:0px;}

.counter.container .counter-div {
        width: 282px;
        height: 226px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        border-radius: 10px;
        flex-direction: column;
        padding: 0px 35px;
	position:relative;
}

.counter.container .counter-div span.counter-text {
        font-size: 28px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        color: var(--textcolor);
}

.counter.container .counter-div span.calculation {
        font-size: 52px;
        font-weight: 700;
        color: var(--textcolor);
}

@media (max-width:1200px) {
        .counter.container {
                padding-top: 40px;
                margin-top: 40px;
                padding-bottom: 40px;
        }

        .counter.container .counter-div {
                width: 240px;
                padding: 20px;
        }

        .counter.container .counter-div span.calculation {
                font-size: 42px;
        }

        .counter.container .counter-div span.counter-text {
                font-size: 24px;
        }
}

@media (max-width:1300px) {
        .case-study-main {
                width: 31%;
                height: auto;
        }
}

@media (max-width:992px) {
        .counter.container .counter-div {
                width: 210px;
                padding: 15px;
        }

        .counter.container .counter-div span.counter-text {
                font-size: 22px;
        }


}

@media (max-width:767px) {
        .counter.container .counter-div {
                width: 47%;
                height: 200px;
        }

        .counter.container {
                flex-wrap: wrap;
                row-gap: 20px;
        }

        .counter.container {
                margin-top: 0px;
        }

}

@media (max-width:520px) {
        .counter.container .counter-div {
                width: 100%;
                height: 150px;
        }

        .counter.container .counter-div span.counter-text {
                font-size: 18px;
        }

        .counter.container .counter-div span.calculation {
                font-size: 32px;
        }

        .counter.container .counter-div p span {
                font-size: 32px !important;
        }
}





/* idea with impact service page */
a.idea-view-all.service {
        width: 248px;
}

/*.impact-with.case-study.container {
        background: var(--textcolor);
        display: flex;
        justify-content: space-between;
        padding-bottom: 85px;
}*/
.impact-with.case-study.container {
    background: var(--textcolor);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 85px;
}

.case-study-main {
        width: 28%;
        height: auto;
        background: #fff;
        border-radius: 10px;
}

.case-study-main img {
        border-radius: 10px 10px 0px 0px;
        width: 100%;
        height: auto;
}

.case-study-main .case-study {
        padding-top: 28px;
        padding-left: 25px;
        display: flex;
        padding-right: 25px;
        flex-direction: column;
        justify-content: space-between;
        /*height: 321px;*/
        padding-bottom: 28px;
}

.case-study-main .case-study img.case-stydy-logo {
        width: fit-content;
		height:50px !important;
}

.case-study-main .case-study p.heading-case {
        font-size: 25px;
        font-weight: 700;
        padding-bottom: 12px;
        padding-top: 15px;
        color: var(--textcolor);
}

.case-study-main .case-study span {
        font-size: 20px;
        line-height: 28px;
        color: var(--textcolor);
}

.case-study-main .case-study a {
        display: block;
        color: var(--textcolor);
        font-weight: 700;
        font-size: 20px;
        border-bottom: 1px solid #000;
        width: fit-content;
        padding-bottom: 5px;
        margin-top: 50px;
}




@media (max-width:1200px) {
        .case-study-main {
                width: 31%;
                height: auto;
        }
}

@media (max-width:992px) {
        .case-study-main .case-study {
                padding: 18px 15px;
        }

        .case-study-main .case-study p.heading-case {
                padding-bottom: 6px;
                padding-top: 7px;
        }
}

@media (max-width:767px) {
        .case-study-main .case-study a {
                font-size: 16px;
        }

        .case-study-main .case-study {
                padding: 10px 10px 20px 10px;
                height: 250px;
        }

        .case-study-main .case-study img.case-stydy-logo {
                height: 30px;
        }
}

@media (max-width:520px) {
        .case-study-main {
                width: 100%;
        }

        .impact-with.case-study.container {
                flex-direction: column;
                row-gap: 20px;
        }

        .case-study-main .case-study {
                height: 200px;
                align-items: center;
                padding: 10px 10px 20px 10px;
        }

        .case-study-main .case-study p.heading-case {
                font-size: 22px;
        }

        .case-study-main .case-study span {
                font-size: 18px;
        }

        .main-case-stydy {
                display: flex;
                flex-direction: column;
                align-items: center;
        }

}








/* love challenges css */
.we-love.container {
        padding-top: 81px;
        display: flex;
        justify-content: space-between;
        margin-bottom: 200px;
}

.we-love-left {
        width: 45%;
}

.we-love.container .we-love-left p.heading {
        font-size: 32px;
        font-weight: 700;
        padding-bottom: 13px;
        color: var(--textcolor);
}

.we-love.container .faq-q {
        margin: 0px;
}

.we-love.container .faq-q p {
        width: 82%;
}

.we-love.container .we-love-left span {
        padding-bottom: 50px;
        display: block;
        line-height: 28px;
        font-size: 20px;
}

.we-love.container .a.All-scenarios {
        font-size: 21px;
        width: 190px;
        height: 49px;
        border: 1px solid #142840;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100px;
        margin-top: 10px;
        font-weight: 700;
        color: #121331;
}

.we-love.container .we-love-left a.All-scenarios {
        font-size: 21px;
        width: 190px;
        height: 49px;
        border: 1px solid #142840;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100px;
        margin-top: 53px;
        font-weight: 700;
        color: #121331;
}

.we-love-right {
        background: #F5F5F7;
        padding: 0px 48px;
        padding-top: 44px;
        padding-bottom: 49px;
        width: 42%;
        border-radius: 10px;
        height: 570px;
}

.we-love-right .we-love-main p {
        font-size: 32px;
        font-weight: 700;
        color: var(--textcolor);
        padding-bottom: 24px;
}

.we-love-right .we-love-main span {
        font-size: 20px;
        line-height: 28px;
        color: var(--textcolor);
        padding-bottom: 35px;
}

.we-love-main video {
        width: 424px;
        height: 224px;
        margin-top: 31px;
        margin-bottom: 36px;
        border-radius: 10px;
}

.we-love-right .we-love-main span.name {
        display: block;
        font-size: 20px;
        font-weight: 700;
        line-height: 28px;
        padding-bottom: 0px;
}

.we-love-right .we-love-main span.position {
        display: block;
        font-size: 20px;
        font-weight: 400;
        line-height: 28px;
        padding-bottom: 0px;
}

.we-love-left .faq .faq-answear span {
        padding-left: 0px;
        padding-bottom: 10px;
}

.we-love-left .faq .faq-answear {
        padding-left: 0px;
}

.video-love img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
		border-radius:10px;
}

.video-love {
        position: relative;
}

@media (max-width:1300px) {
        .we-love-main video {
                width: 100%;
                height: auto;
        }

}

@media (max-width:1200px) {
        .we-love.container {
                padding-top: 66px;
                padding-bottom: 66px;
        }
	.b2b-brands .heading-and-text{
		width:100%;
	}

        .we-love-right .we-love-main span {
                padding-bottom: 20px;
        }

        .we-love-right {
                padding: 17px 30px 30px 30px;
        }
}

@media (max-width:992px) {
        .we-love.container {
                flex-direction: column;
        }

        .we-love.container {
                padding-top: 40px;
                padding-bottom: 150px;
        }

        .we-love-left {
                width: 100%;
        }

        .we-love-right {
                width: 100%;
                margin-top: 30px;
                height: auto;

        }

        .we-love-left {
                display: flex;
                flex-direction: column;
                align-items: center;
        }

        .we-love.container {
                margin-bottom: 30px;
        }
}

@media (max-width:520px) {
        .we-love.container .we-love-left p.heading {
                font-size: 22px;
        }

        .we-love.container .we-love-left span {
                font-size: 18px;
                padding-bottom: 20px;
        }

        .we-love.container .we-love-left a.All-scenarios {
                margin-top: 20px;
                font-size: 18px;
                height: 40px;
        }

        .we-love-right {
                padding: 10px 10px 10px 10px;
        }

        .we-love-right .we-love-main p {
                font-size: 22px;
                padding-bottom: 15px;
        }

        .we-love-right .we-love-main span {
                font-size: 20px;
        }

        .we-love-main video {
                margin: 20px 0px;
        }


}





/* service sub page css  */

/* brand b2b strategic */
.b2b-brand-strategic.container {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 70px;
        padding-bottom: 35px;
}

.b2b-brand-strategic.container p {
        color: var(--textcolor);
        font-size: 32px;
        font-weight: 700;
}

.b2b-brand-strategic.container span {
        color: var(--textcolor);
        font-size: 20px;
        line-height: 28px;
        text-align: center;
        padding: 28px 100px 28px 100px;
}

@media(max-width:1200px) {
        .b2b-brand-strategic.container span {
                padding: 18px 0px;
        }

        .b2b-brand-strategic.container {
                padding-top: 66px;
                padding-bottom: 66px;
        }
}

@media(max-width:992px) {
        .b2b-brand-strategic.container p {
                text-align: center;
        }

}

@media(max-width:767px) {
        .b2b-brand-strategic.container {
                padding-top: 40px;
                padding-bottom: 40px;
        }

}

@media(max-width:520px) {
        .b2b-brand-strategic.container p {
                font-size: 22px;
        }

        .b2b-brand-strategic.container span {
                padding: 10px 0px;
                font-size: 18px;
                text-align: center;
        }
}





/* simple approch */
.simple-approch {
        background: #F5F5F7;
        padding-top: 77px;
        padding-bottom: 70px;
}

.simple-approch .heading-section-div p {
        text-align: center;
        color: var(--textcolor);
        font-size: 32px;
        font-weight: 700;
}

.simple-approch .heading-section-div span {
        font-size: 20px;
        line-height: 28px;
        text-align: center;
        display: block;
        padding: 34px 210px;

}

.simple-scetion {
        display: flex;
        padding-top: 34px;
        justify-content: space-between;
}

.simple-scetion .sec-1 p {
        font-size: 20px;
        line-height: 28px;
        display: block;
        padding-top: 30px;
        width: 80%;
        margin:0 auto;
}

.simple-scetion .sec-1 {
        width: 25%;
        text-align:center;
}
.service.idea.impact.section {
    padding-top: 0px;
}

@media(max-width:1200px) {
        .simple-approch {
                padding-top: 66px;
                padding-bottom: 66px;
        }

        .simple-approch .heading-section-div span {
                padding: 24px 0px;
        }

        .simple-scetion .sec-1 {
                width: 25%;
                display: flex;
                flex-direction: column;
                align-items: center;
        }

        .simple-scetion .sec-1 img.icon {
                width: min-content;
                height: auto;
        }

        .simple-scetion .sec-1 p {
                width: 100%;
                text-align: center;
        }

        .simple-scetion {
                row-gap: 20px;
        }
}

@media(max-width:992px) {
        .simple-scetion {
                flex-wrap: wrap;
                row-gap: 50px;
        }

        .simple-scetion .sec-1 {
                width: 48%;
        }
}

@media(max-width:767px) {
        .simple-scetion {
                flex-wrap: wrap;
                row-gap: 50px;
        }

        .simple-scetion .sec-1 {
                width: 48%;
        }

        .simple-approch {
                padding-top: 40px;
                padding-bottom: 40px;
        }
}

@media(max-width:520px) {
        .simple-scetion .sec-1 {
                width: 100%;
        }

        .simple-approch .heading-section-div p {
                font-size: 22px;
        }

        .simple-approch .heading-section-div span {
                padding: 10px 0px;
                font-size: 18px;
        }

        .simple-scetion .sec-1 p {
                font-size: 18px;
                padding-top: 10px;
        }
}



/* key elements section */
.key-elements-section {
        display: flex;
        justify-content: space-between;
        padding: 93px 15px 93px 15px;
        align-items: center;
        width: 100%;
}

.key-elements.container p {
        text-align: center;
        color: var(--textcolor);
        font-size: 32px;
        font-weight: 700;
}

.key-elements.container {
        padding-top: 79px;
        padding-bottom: 18px;
        display: flex;
        flex-direction: column;
        align-items: center;
}

.key-elements-section .key-elements-sec {
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 36px;
        width: 20%;
}

.key-elements-section .key-elements-sec p {
        text-align: center;
        font-size: 18px;
}

@media(max-width:1200px) {
        .key-elements.container {
                padding-top: 66px;
                padding-bottom: 66px;
        }

        .key-elements-section .key-elements-sec {
                align-items: center;
        }

        .key-elements-section .key-elements-sec p {
                text-align: center;
        }
}

@media(max-width:992px) {
        .key-elements-section {
                flex-wrap: wrap;
                justify-content: center;
                column-gap: 40px;
                row-gap: 40px;
        }

        .key-elements-section {
                padding: 60px 0px;
        }

        .key-elements-section .key-elements-sec {
                width: auto;
        }
}

@media(max-width:767px) {
        .key-elements.container {
                padding-top: 40px;
                padding-bottom: 40px;
        }

        .key-elements-section {
                padding: 30px 0px;
        }

        .key-elements-section .key-elements-sec {
                width: 40%;
        }
}

@media(max-width:520px) {
        .key-elements.container p {
                font-size: 22px;
        }

        .key-elements-section .key-elements-sec p {
                font-size: 20px;
        }
}






/* light spark section */
.light-the-spark.container {
        display: flex;
        background: #F5F5F7;
        padding-top: 80px;
        padding-bottom: 80px;
	    align-items: stretch;
}

.light-the-spark.container .text-light-sec {
        width: 50%;
        padding-left: 10px;
}

.light-the-spark.container .img-light-sec {
        width: 50%;
	text-align:right;
}
.light-the-spark.container .img-light-sec img {
    border-radius: 10px;
	width:100%;
	height:auto;
}

.light-the-spark.container .text-light-sec p {
        font-size: 32px;
}

.light-the-spark.container .text-light-sec p {
        font-size: 32px;
        color: var(--textcolor);
        font-weight: 700;
        padding-bottom: 18px;
}

.light-the-spark.container .text-light-sec span {
        font-size: 20px;
        color: var(--textcolor);
        width: 80%;
        display: block;
        padding-bottom: 8px;
        line-height: 28px;
}

.light-the-spark.container .text-light-sec ul {
        list-style: disc;
        padding-left: 30px;
        display: flex;
        flex-direction: column;
        gap: 8px;
        width: 80%;
}

.light-the-spark.container .text-light-sec ul li {
        font-size: 20px;
        color: var(--textcolor);
        line-height: 28px;
}

@media(max-width:1200px) {
        .light-the-spark.container {
                padding-top: 66px;
                padding-bottom: 66px;
        }

        .light-the-spark.container {
                margin-bottom: 90px;
        }
}

@media(max-width:992px) {
        .light-the-spark.container {
                flex-direction: column;
        }

        .light-the-spark.container .text-light-sec {
                width: 100%;
                padding-left: 0px;
                padding-bottom: 30px;
        }

        .light-the-spark.container .text-light-sec span {
                width: 100%;
        }

        .light-the-spark.container .text-light-sec ul {
                padding-left: 20px;
        }

        .light-the-spark.container .img-light-sec {
                width: 100%;
        }

        .light-the-spark.container .img-light-sec img {
                width: 100%;
                height: auto;
        }

        .light-the-spark.container .text-light-sec ul {
                width: 100%;
        }

        .light-the-spark.container {
                margin-bottom: 90px;
        }
}

@media(max-width:767px) {
        .light-the-spark.container {
                padding-top: 40px;
                padding-bottom: 40px;
        }

        .light-the-spark.container {
                margin-bottom: 70px;
        }
}

@media(max-width:520px) {
        .light-the-spark.container .text-light-sec p {
                font-size: 22px;
                padding-bottom: 10px;
        }

        .light-the-spark.container .text-light-sec span {
                font-size: 18px;
        }

        .light-the-spark.container .text-light-sec ul li {
                font-size: 18px;
        }

        .light-the-spark.container {
                margin-bottom: 50px;
        }
}




/* b2b insight css  */
.b2b-insight.container {
        display: flex;
        padding-top: 75px;
        padding-bottom: 73px;
        background: #F5F5F7;
}

.b2b-insight.container .b2b-text p {
        font-size: 32px;
        font-weight: 700;
        color: var(--textcolor);
        padding-bottom: 20px;
}

.b2b-insight.container .b2b-text span {
        font-size: 20px;
        line-height: 28px;
        width: 67%;
        display: block;
        color: var(--textcolor);

}

a.view-more-insight {
        font-size: 21px;
        width: 265px;
        height: 49px;
        border: 1px solid #142840;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100px;
        margin-top: 30px;
        font-weight: 700;
        color: #121331;
}

.b2b-insight-card {
        background: #fff;
        width: 50%;
		border-radius: 10px;
}

.b2b-insight-card img {
        width: 100%;
        height: auto;
	border-radius: 10px 10px 0px 0px;
}

.b2b-insight-card .card-info {
        padding: 24px 44px 43px 44px;
}

.b2b-insight-card .card-info p.title {
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        color: var(--textcolor);
        padding-bottom: 10px;
}

.b2b-insight-card .card-info span {
        font-size: 20px;
        line-height: 28px;
        display: block;
        padding-bottom: 20px;
}

.b2b-insight-card a {
        font-size: 20px;
        font-weight: 700;
        color: var(--textcolor);
        border-bottom: 1px solid #142840;
        padding-bottom: 5px;
}

@media (max-width:1400px) {
	.case-study-main {
		width: 360px;
	}
}
@media (max-width:1300px) {
	.case-study-main {
		width: 30%;
	}
}



@media (max-width:1200px) {
        .b2b-insight.container .b2b-text {
                width: 50%;
        }


        .b2b-insight.container .b2b-insight-card {
                width: 50%;
        }

        .b2b-insight.container {
                padding-top: 66px;
                padding-bottom: 66px;
        }
}
@media (max-width:800px) {
  .b2b-insight.container .b2b-text{
        width: 100% !important;
  }      
}
.four-main{
    margin-bottom: 190px;
}

@media (max-width:767px) {
        .b2b-insight.container {
                padding-top: 40px;
                padding-bottom: 40px;
                flex-direction: column;
                row-gap: 30px;
        }

        .b2b-insight.container .b2b-text {
                width: 100%;
                display: flex;
                flex-direction: column;
                align-items: center;
        }

        .b2b-insight.container .b2b-text span {
                font-size: 20px;
                line-height: 28px;
                width: 100%;
                display: block;
                color: var(--textcolor);
                text-align: center;
        }

        .b2b-insight.container .b2b-insight-card {
                width: 100%;
                border-radius: 10px 10px 10px 10px;
        }

        .b2b-insight.container .b2b-insight-card img {
                width: 100%;
                height: auto;
        }

}

@media (max-width:520px) {
        .b2b-insight-card .card-info {
                padding: 20px 20px;
        }

        .b2b-insight.container .b2b-text p {
                font-size: 22px;
        }

        .b2b-insight.container .b2b-text span {
                font-size: 18px;
        }

        a.view-more-insight {
                height: 40px;
                font-size: 18px;
                width: 250px;
        }

        .b2b-insight-card .card-info p.title {
                font-size: 20px;
        }

        .b2b-insight-card .card-info span {
                font-size: 18px;
        }

        .b2b-insight-card a {
                font-size: 16px;
        }

}


/* blog section */
.blog-sec {
        display: flex;
        justify-content: space-between;
        column-gap: 20px;
}

.read-about-blog.container p.heading {
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        color: var(--textcolor);
        text-align: center;
        padding-bottom: 46px;
}

.read-about-blog.container {
        padding-top: 64px;
        padding-bottom: 200px;
}

.blog-info p.title {
        font-size: 26px;
        font-weight: 700;
        color: var(--textcolor);
        padding-bottom: 10px;
}

.blog-info span {
        font-size: 20px;
        font-weight: 400;
        line-height: 28px;
        display: block;
        padding-bottom: 20px;
}

.blog-info {
        padding: 30px 20px 30px 20px;
}

.blog-info a.read-more {
        font-size: 20px;
        font-weight: 700;
        color: var(--textcolor);
        border-bottom: 1px solid #142840;
        padding-bottom: 5px;
}

.blog-sec-main {
        border-radius: 0px 0px 10px 10px;
        background: #F5F5F7;
        width: 32%;
}

.blog-sec-main img {
        width: 100%;
        height: auto;
}

@media(max-width:992px) {
        .read-about-blog.container {
                padding-top: 50px;
                padding-bottom: 50px;
        }

        .read-about-blog.container p.heading {
                padding-bottom: 30px;
        }

        .blog-info p.title {
                font-size: 22px;
        }

        .blog-info {
                padding: 20px 10px 20px 10px;
        }

        .blog-info span {
                padding-bottom: 10px;
        }

}

@media(max-width:767px) {
        .read-about-blog.container {
                padding-top: 40px;
                padding-bottom: 40px;
        }

        .read-about-blog.container p.heading {
                padding-bottom: 15px;
        }

        .blog-sec-main {
                width: 100%;
        }

        .blog-sec {
                flex-direction: column;
                row-gap: 20px;
        }

}

@media(max-width:520px) {
        .read-about-blog.container p.heading {
                font-size: 22px;
        }

        .blog-info p.title {
                font-size: 18px;
        }

        .blog-info span {
                font-size: 18px;
        }

        .blog-info a.read-more {
                font-size: 16px;
        }

}


/* about page css  */
.our-team-about {
        display: flex;
        padding-top: 70px;
        padding-bottom: 70px;
}

.our-team-about .heading-about p {
        font-size: 32px;
        font-weight: 700;
        color: var(--textcolor);
        width: 82%;
        line-height: 39px;
}

.our-team-about .heading-about span {
        font-size: 20px;
        color: var(--textcolor);
        line-height: 28px;
        padding: 0px 34px 0px 42px;
        display: block;
        padding-bottom: 30px;
}

.our-team-text {
        width: 70%;
}

.heading-about {
        width: 50%;
}

.our-team-text span {
        font-size: 20px;
        line-height: 28px;
        color: var(--textcolor);
        padding: 0px 40px 0px 42px;
        display: block;
        padding-bottom: 30px;
}

@media(max-width:1200px) {
        .our-team-about {
                padding-top: 66px;
                padding-bottom: 66px;
        }
}

@media(max-width:992px) {}

@media(max-width:767px) {
        .our-team-about {
                padding-top: 40px;
                padding-bottom: 40px;
                flex-direction: column;
                row-gap: 20px;
        }

        .our-team-about .heading-about p {
                width: 100%;
        }

        .heading-about {
                width: 100%;
                text-align: center;
        }

        .our-team-text {
                width: 100%;
        }

        .our-team-text span {
                padding: 0px;
                text-align: center;
                padding-bottom: 10px;
        }
}

@media(max-width:520px) {
        .our-team-about .heading-about p {
                font-size: 22px;
                line-height: 30px;
        }

        .our-team-text span {
                font-size: 18px;
        }
}

/* b2b brands */
.b2b-brands {
        padding-left: 70px;
        padding-right: 70px;
        background: #F5F5F7;
        display: flex;
        align-items: flex-start;
        padding-top: 63px;
        padding-bottom: 77px;
        justify-content: space-between;
}
.b2b-brands .heading-and-text{
	width:30%;
}
.b2b-insight.container .b2b-text {
    width: 50%;
}

.b2b-brands .heading-and-text p {
        font-size: 32px;
        font-weight: 700;
        color: var(--textcolor);
        width: 100%;
        padding-bottom: 15px;
}

.b2b-brands .heading-and-text span {
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        color: var(--textcolor);
}

.heading-and-text {
        padding-right: 10px;
}

.b2b-video {
        display: flex;
        column-gap: 20px;
        padding-left: 10px;
}

.video-love iframe {
        width: 100%;
        height: 211px;
        border-radius: 10px;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        object-fit: cover;
        margin-top: 31px;
        margin-bottom: 36px;
}


@media(max-width:1200px) {
        .b2b-brands {
                padding-left: 20px;
                padding-right: 20px;
                flex-direction: column;
                align-items: center;
                padding-top: 66px;
                padding-bottom: 66px;
                row-gap: 40px
        }

        .b2b-brands .heading-and-text p {
                text-align: center;
                width: 100%;
        }

        .b2b-brands .heading-and-text p br {
                display: none;
        }

        .b2b-brands .heading-and-text span {
                display: block;
                text-align: center;
        }

        .b2b-brands .heading-and-text span br {
                display: none;
        }

}

@media(max-width:992px) {
        iframe {
                width: 100%;
        }

        .b2b-brands {
                row-gap: 30px;
        }

        .video-love iframe {
                width: 100%;
        }

        .b2b-video .video-love {
                width: 30%;
        }

        .b2b-video {
                justify-content: space-between;
        }
}

@media(max-width:767px) {
        .b2b-brands {
                padding-top: 40px;
                padding-bottom: 40px;
        }

        .b2b-video {
                flex-direction: column;
                width: 100%;
			        row-gap: 30px;
        }

        .video-love iframe {
                width: 100%;
                height: 250px;
                margin: 10px 0px;
        }

        .b2b-video .video-love {
                width: 100%;
        }
}

@media(max-width:520px) {
        .b2b-brands .heading-and-text p {
                font-size: 22px;
                padding-bottom: 10px;
        }

        .b2b-brands .heading-and-text span {
                font-size: 18px;
        }

        .b2b-video .video-love {
                width: 100%;
        }

        .b2b-video {
                flex-direction: column;
                padding-left: 0px;
                row-gap: 20px;
        }
}


/* years scection css */
.years-section.container {
        background: #142840;
        padding-top: 50px;
        display: flex;
        padding-bottom: 50px;
}

.years-section.container .years-img {
        width: 49%;
        display: flex;
        flex-direction: column;
        row-gap: 10px;
        padding-top: 6px;
}

.years-section.container .years-text {
        width: 50%;
        padding-left: 90px;
}

.years-section.container .years-img img {
        width: 100%;
        height: auto;
        border-radius: 10px 10px 0px 0px;
}

.years-section.container .years-img .years-2-image img {
        width: 49%;
}

.years-2-image {
        display: flex;
        column-gap: 12px;
        justify-content: space-between;
}

.years-section.container .years-2-image img:nth-child(1) {
        border-radius: 0px 0px 0px 10px;
}

.b2b-markting-holding.container .flipped {
	transform: rotateX(-180deg);
}

.years-section.container .years-2-image img:nth-child(2) {
        border-radius: 0px 0px 10px 0px;
}

.years-section.container .years-text p.heading {
        font-size: 32px;
        font-weight: 700;
        color: #fff;
        width: 80%;
        padding-bottom: 32px;
}

.years-section.container .years-text span {
        font-size: 20px;
        line-height: 28px;
        padding-bottom: 27px;
        display: block;
        color: #ffffff;
}

img.year-icon-img {
        padding-top: 34px;
}

@media(max-width:1200px) {
        .years-section.container .years-text {
                padding-left: 70px;
        }

        .years-section.container {
                justify-content: space-between;
        }

        .years-section.container {
                padding-top: 66px;
                padding-bottom: 66px;
        }
}

@media(max-width:992px) {
        .years-section.container .years-text {
                padding-left: 40px;
        }

        .years-section.container .years-text p.heading {
                width: 100%;
                padding-bottom: 15px;
        }

        .years-section.container .years-text span {
                padding-bottom: 10px;
        }

        img.year-icon-img {
                width: 60%;
        }
}

@media(max-width:767px) {
        .years-section.container {
                padding-top: 40px;
                padding-bottom: 40px;
        }

        .years-section.container .years-img {
                width: 100%;
        }

        .years-section.container {
                flex-direction: column;
                row-gap: 30px;
        }

        .years-section.container .years-text {
                padding-left: 0px;
                width: 100%;
                display: flex;
                flex-direction: column;
                align-items: center;
        }

        .years-section.container .years-text p.heading {
                text-align: center;
        }

        .years-section.container .years-text span {
                text-align: center;
        }

        img.year-icon-img {
                width: 30%;
        }
}

@media(max-width:520px) {
        .years-section.container .years-text p.heading {
                font-size: 22px;
        }

        .years-section.container .years-text span {
                font-size: 18px;
        }

        .years-section.container {
                row-gap: 20px;
        }

        .years-section.container .years-text p.heading {
                padding-bottom: 10px;
        }

        img.year-icon-img {
                padding-top: 20px;
        }
}



/* believe b2b css */
.we-believe-b2b.container .heading p {
        color: var(--textcolor);
        font-size: 32px;
        font-weight: 700;
        text-align: center;
        padding-bottom: 22px;
}

.we-believe-b2b.container .heading span {
        font-size: 20px;
        line-height: 28px;
        color: var(--textcolor);
        text-align: center;
        display: block;
}

.we-believe-b2b.container {
        padding-top: 80px;
        background-color: #F5F5F7;
        padding-bottom: 80px;
}

.believe-section {
        display: flex;
        border-radius: 10px;
        column-gap: 30px;
	justify-content:space-between;
}

.believe-section .belive-main p.title {
        font-size: 36px;
        color: var(--textcolor);
        font-weight: 700;
        padding-bottom: 25px;
}

.believe-section .belive-main span {
        font-size: 20px;
        line-height: 28px;
}

.believe-section .belive-main {
        background: #fff;
        border-radius: 10px;
        padding: 40px 50px;
        position: relative;
        overflow: hidden;
		width: 33%;
}

.belive-main.red .border-anim {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 17px;
        width: 0;
        /* Start from 0 and animate to 100% */
        background-color: #FF4000;
        z-index: 1;
}
.belive-main.blue .border-anim {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 17px;
        width: 0;
        background-color: #5BBEE9;
        z-index: 1;
}

.belive-main.green .border-anim {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 17px;
        width: 0;
        background-color: #99E36C;
        z-index: 1;
}

.belive-main * {
        position: relative;
        z-index: 2;
}

.believe-section .belive-main img {
        padding-bottom: 25px;
}
.we-believe-b2b.container .heading {
        padding-bottom: 90px;
}

@media(max-width:1200px) {
        .we-believe-b2b.container .heading {
                padding-bottom: 50px;
        }

        .we-believe-b2b.container {
                padding-top: 60px;
                padding-top: 60px;
        }

        .we-believe-b2b.container .heading p {
                padding-bottom: 15px;
        }
}

@media(max-width:992px) {
        .believe-section .belive-main {
                padding: 20px 20px;
        }

        .believe-section {
                gap: 15px;
        }

        .believe-section .belive-main p.title {
                font-size: 30px;
                padding-bottom: 15px;
        }
}

@media(max-width:767px) {
        .we-believe-b2b.container .heading {
                padding-bottom: 30px;
        }

        .we-believe-b2b.container {
                padding-top: 40px;
                padding-top: 40px;
        }

        .believe-section .belive-main {
                width: 48%;
        }

        .believe-section {
                flex-wrap: wrap;
        }
}

@media(max-width:520px) {
        .believe-section .belive-main {
                width: 100%;
                display: flex;
                flex-direction: column;
                align-items: center;
        }
}






/* career section */
.career-upp.about .career-vol {
        margin-bottom: 0px;
}

/* award winning */
.logo-icon-section.about.container .logo-icon img {
        width: 162px;
        height: auto;
}

.logo-icon-section.about.container .logo-icon {
        row-gap: 50px;
        padding: 90px 120px 90px 120px;
}

@media(max-width:767px) {
        .logo-icon-section.about.container .logo-icon {
                padding: 30px 60px 30px 60px;
        }
}




/* our cluture page css */

/* great prople cluture section */
.great-people-culture.container {
        padding-top: 70px;
        padding-bottom: 94px;
}

.great-people-sec-1,
.great-people-sec-2 {
        display: flex;
}

.great-people-culture.container .text-for-great p.heading-great {
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        color: var(--textcolor);
        padding-bottom: 30px;
}

.great-people-culture.container .text-for-great span {
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        color: var(--textcolor);
        width: 90%;
        display: block;
        padding-bottom: 28px;
}

.great-people-culture.container .text-for-great {
        width: 50%;
}

.great-people-culture.container .img-for-great {
        width: 50%;
}

.great-people-culture.container .img-for-great img {
        width: 100%;
        height: auto;
}

.great-people-sec-2 .text-sec span {
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        color: var(--textcolor);
        width: 90%;
        display: block;
        padding-bottom: 28px;
}

.great-people-sec-2 .img-sec {
        width: 45%;
}

.great-people-sec-2 .text-sec {
        width: 55%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding-left: 70px;
}

.great-people-sec-2 {
        padding-top: 66px;
}

@media(max-width:1200px) {
        .great-people-culture.container {
                padding-top: 66px;
                padding-bottom: 66px;
        }

        .great-people-sec-2 {
                padding-top: 25px;
        }

}

@media(max-width:992px) {
        .great-people-sec-2 .text-sec {
                padding-left: 0px;
        }

        .great-people-sec-2 {
                padding-top: 40px;
        }
}

@media(max-width:767px) {
        .great-people-culture.container {
                padding-top: 40px;
                padding-bottom: 40px;
        }

        .great-people-culture.container .text-for-great {
                width: 100%;
        }

        .great-people-culture.container .img-for-great {
                width: 100%;
                padding-top: 20px;
        }

        .great-people-sec-1 {
                flex-direction: column;
        }

        .great-people-culture.container .text-for-great span {
                width: 100%;
                padding-bottom: 10px;
                text-align: center;
        }

        .great-people-culture.container .text-for-great p.heading-great {
                padding-bottom: 10px;
                text-align: center;
        }

        .great-people-sec-2 .img-sec img {
                width: 100%;
        }

        .great-people-sec-2 .img-sec {
                width: 100%;
        }

        .great-people-sec-2 .text-sec {
                width: 100%;
                padding-top: 20px;
        }

        .great-people-sec-2 {
                width: 100%;
        }

        .great-people-sec-2 .text-sec span {
                width: 100%;
                text-align: center;
                padding-bottom: 10px;
        }

        .great-people-sec-2 {
                flex-direction: column;
        }
}

@media(max-width:520px) {
        .great-people-culture.container .text-for-great p.heading-great {
                font-size: 22px;
        }

        .great-people-culture.container .text-for-great span {
                font-size: 18px;
        }

        .great-people-sec-2 .text-sec span {
                font-size: 18px;
        }
}


/* powerfull people  */
.powerful-prople {
        background: #142840;
        position: relative;
}

.background-shade {
        position: absolute;
        width: 9%;
        height: 100%;
        top: 0px;
        right: 0px;
        background: linear-gradient(271deg, #142840de 10%, rgb(0 0 0 / 0%) 69.87%), #ffffff00;
        z-index: 9;
}

.powerful-prople .heading-sec p {
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        color: #ffffff;
        width: 100%;
        padding-bottom: 20px;
        text-align: center;
}

.powerful-prople .heading-sec span {
        font-size: 19px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        color: #ffffff;
        display: block;
        text-align: center;
}

.powerful-prople .heading-sec {
        padding-top: 90px;
        padding-left: 100px;
        padding-right: 100px;
}

.slider-section {
        padding-left: 180px;
        padding-top: 90px;
        position: relative;
        padding-bottom: 88px;
}

.powerfulswiper .slider-section-powerfull p.name {
        font-size: 27px;
        font-weight: 700;
        color: var(--textcolor);
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
}

.powerfulswiper .slider-section-powerfull span.position {
        font-size: 20px;
        font-weight: 700;
        color: var(--textcolor);
        padding-bottom: 20px;
        display: block;
	white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
}

.powerfulswiper .slider-section-powerfull span.description {
        font-size: 20px;
        color: var(--textcolor);
        line-height: 28px;
        height: 310px;
        display: block;
}

.slider-section-powerfull img {
        width: 100%;
        height: auto;
        border-radius: 10px 10px 0px 0px;
		transition: all .5s;
		object-fit: cover;
		object-position: center;
		transform: scale(1);
}
.slider-section-powerfull:hover img{
	  transform: scale(1.1);
  transition: transform 0.3s ease;
}
.slider-section-powerfull{
	  overflow: hidden;
}


.slider-section-powerfull {
        border-radius: 10px 10px 10px 10px;
        background: #FFF;
        display: flex;
        flex-direction: column;
	    transition: all .5s;
		transform: scale(1);
}

.powerfulswiper {
        position: static !important;
}

.name-des {
        padding: 27px 30px 22px 34px;
}

.swiper-button-next:after,
.swiper-button-prev:after {
        display: none;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
        opacity: 0;
}

.swiper-button-prev {
        top: 36% !important;
        left: 7% !important;
}

.swiper-button-prev svg,
.swiper-button-next svg {
        width: 42px !important;
        height: 41px !important;
}

.swiper-button-next {
        top: 36% !important;
        right: 3% !important;
}

@media(max-width:1200px) {
        .slider-section {
                padding-left: 80px;
                padding-top: 40px;
                padding-bottom: 66px;
        }

        .swiper-button-prev {
                top: 36% !important;
                left: 4% !important;
        }

        .powerful-prople .heading-sec {
                padding-top: 66px;
        }

        .name-des {
                padding: 27px 10px 22px 10px;
        }

}

@media(max-width:992px) {
        .powerful-prople .heading-sec p {
                padding-bottom: 10px;
        }

        .slider-section {
                padding-left: 80px;
                padding-top: 40px;
                padding-bottom: 66px;
                padding-right: 80px;
        }

        .swiper-button-prev {
                top: 36% !important;
                left: 2% !important;
        }

        .background-shade {
                display: none;
        }

        .swiper-button-next {
                top: 36% !important;
                right: 2% !important;
        }
}

@media (max-width:767px) {
        .slider-section {
                padding-left: 60px;
                padding-top: 40px;
                padding-bottom: 66px;
                padding-right: 60px;
        }

        .powerfulswiper .slider-section-powerfull span.description {
                width: 100%;
        }

        .powerfulswiper .slider-section-powerfull span.description {
                height: auto;
        }

        .powerfulswiper .slider-section-powerfull span.position {
                padding-bottom: 10px;
        }

        .name-des {
                padding: 15px 10px 22px 10px;
        }

        .powerful-prople .heading-sec {
                padding-top: 40px;
                padding-bottom: 0px;
        }

        .powerful-prople .heading-sec {
                padding-left: 0px;
                padding-right: 0px;
        }
}

@media(max-width:520px) {
        .powerfulswiper .slider-section-powerfull span.description {
                height: auto;
        }
	.believe-section .belive-main span{
	    padding-bottom: 20px;
	}

        .powerful-prople .heading-sec p {
                font-size: 22px;
        }

        .powerful-prople .heading-sec span {
                font-size: 18px;
			padding:0px 15px;
        }

        .powerfulswiper .slider-section-powerfull p.name {
                font-size: 22px;
        }

        .powerfulswiper .slider-section-powerfull span.position {
                font-size: 18px;
        }

        .slider-section {
                padding-bottom: 40px;
        }

        .powerfulswiper .slider-section-powerfull span.description {
                font-size: 18px;
        }
}



/* our values */
.our-values.container p.heading {
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-align: center;
        color: var(--textcolor);
        padding-bottom: 19px;
}

.our-values.container span.we-see {
        text-align: center;
        color: var(--textcolor);
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        display: block
}

.our-values.container {
        padding-top: 94px;
        padding-bottom: 112px;
}

.values-1 {
        display: flex;
        justify-content: space-between;
        padding-top: 90px;
}

.values-2 {
        display: flex;
        justify-content: space-between;
        padding-top: 100px;

}

.values-1 .valuse-info {
        width: 27%;
}

.values-2 .valuse-info {
        width: 27%;
}

.values-1 .valuse-info p.title,
.values-2 .valuse-info p.title {
        font-weight: 700;
        font-size: 27px;
        color: var(--textcolor);
        padding-bottom: 15px;
}

.values-1 .valuse-info span,
.values-2 .valuse-info span {
        font-size: 20px;
        color: var(--textcolor);
        line-height: 28px;
}

.values-1 .valuse-info img {
        padding-bottom: 23px;
}

.values-2 .valuse-info img {
        padding-bottom: 23px;
}

@media(max-width:1200px) {
        .our-values.container {
                padding-top: 66px;
                padding-bottom: 66px;
        }

        .values-1 {
                padding-top: 66px;
                align-items: flex-start;
        }

        .values-2 {
                padding-top: 66px;
                align-items: flex-start;
        }

        .values-1 .valuse-info,
        .values-2 .valuse-info {
                width: 30%;
        }
}

@media(max-width:767px) {
        .our-values.container {
                padding-top: 40px;
                padding-bottom: 40px;
        }

        .values-1 .valuse-info,
        .values-2 .valuse-info {
                width: 48%;
        }

        .values-1 {
                flex-wrap: wrap;
        }

        .values-2 {
                flex-wrap: wrap;
        }

        .values-1 {
                padding-top: 40px;
        }
}

@media(max-width:520px) {

        .values-1 .valuse-info,
        .values-2 .valuse-info {
                width: 100%;
                display: flex;
                flex-direction: column;
                align-items: center;
        }

        .our-values.container p.heading {
                font-size: 22px;
                padding-bottom: 9px;
        }

        .values-1 {
                padding-top: 40px;
                row-gap: 40px;
        }

        .values-2 {
                padding-top: 40px;
                row-gap: 40px;
        }

        .our-values.container span.we-see {
                font-size: 18px;
        }

        .values-1 .valuse-info p.title,
        .values-2 .valuse-info p.title {
                padding-bottom: 5px;
                font-size: 22px;
        }

        .values-1 .valuse-info span,
        .values-2 .valuse-info span {
                font-size: 18px;
                text-align: center;
        }
}




/* counter section */
.cluture-counter-div {
        background: #F5F5F7;
        padding-top: 78px;
        padding-bottom: 150px;
}

.counter-main-cluture p {
        text-align: center;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        color: var(--textcolor);
        padding-bottom: 18px;
}

.counter-main-cluture span {
        color: var(--textcolor);
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        display: block;
        text-align: center;
}

.counter.cluture-counter.container .counter-div.redborderlarge {
        padding: 0px 10px;
}

.counter.cluture-counter.container {
        padding-top: 0px;
        margin-top: 60px;
}

@media(max-width:1200px) {
        .cluture-counter-div {
                padding-top: 66px;
        }

        .counter-main-cluture {
                padding-left: 22px;
                padding-right: 22px;
        }
}

@media(max-width:992px) {}

@media(max-width:767px) {
        .cluture-counter-div {
                padding-top: 40px;
        }
}

@media(max-width:520px) {
        .counter-main-cluture p {
                font-size: 22px;
        }
}



/* our work section */

/* sidekick section css */
.sidekick.container {
        display: flex;
        flex-direction: column;
        padding-top: 70px;
        background-color: #F5F5F7;
}

.side-text {
        display: flex;
        background: #142840;
        padding-top: 38px;
        padding-left: 51px;
        align-items: center;
        padding-bottom: 31px;
}

.side-img {
        line-height: 0px;
}

.counter-side {
        display: flex;
        padding-top: 32px;
        column-gap: 23px;
}

.counter-side div {
        width: 204px;
        height: 151px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        border-radius: 10px;
        flex-direction: column;
        padding: 0px 35px;
		position:relative;
}
.border-anim {
    position: absolute !important;
    bottom: 0;
    left: 0;
    width: 0;
    z-index: 1;
}
.countsection-sidekick.countsection-sidekick-1 .border-anim{
  background-color: #FF4000;
  border-radius:0px 0px 10px 10px !important;
	height: 10px !important;
}
.countsection-sidekick.countsection-sidekick-2 .border-anim{
  background-color: #5BBEE9;
	border-radius:0px 0px 10px 10px !important;
  height: 10px !important;
}
.countsection-sidekick.countsection-sidekick-3 .border-anim{
  background-color: #94E355;
	border-radius:0px 0px 10px 10px !important;
		   height: 10px !important;
}

.side-text .heading-and-text-side p.heading {
        font-size: 32px;
        font-weight: 700;
        color: #fff;
        padding-bottom: 15px;
}

.side-text .heading-and-text-side span {
        font-size: 20px;
        font-weight: 400;
        color: #fff;
        width: 88%;
        display: block;
}

.side-text .heading-and-text-side a.find-out-more {
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 180px;
        height: 49px;
        border: 1px solid;
        border-radius: 100px;
        font-size: 21px;
        font-weight: 700;
        margin-top: 20px;
}

.heading-and-text-side {
        width: 40%;
}

.counter-side div span.number {
        font-size: 52px;
        font-weight: 700;
        color: var(--textcolor);
        line-height: 52px;
}

.counter-side div span.text-count {
        font-size: 28px;
        font-weight: 700;
        color: var(--textcolor);
}



.side-img img {
        width: 100%;
        height: auto;
}

@media(max-width:1300px) {
        .side-text {
                display: flex;
                background: #142840;
                padding-top: 38px;
                padding-left: 51px;
                align-items: center;
                padding-bottom: 31px;
                padding-right: 65px;
                justify-content: space-between;
        }
}

@media(max-width:1200px) {
        .side-text {
                flex-direction: column;
        }

        .heading-and-text-side {
                width: 100%;
                display: flex;
                flex-direction: column;
                align-items: center;
        }

        .side-text .heading-and-text-side span {
                text-align: center;
        }

        .side-text .heading-and-text-side p.heading {
                text-align: center;
        }

        .sidekick.container {
                padding-top: 66px;
                padding-bottom: 66px;
        }

        .counter-side div span.number {
                font-size: 42px;
                line-height: normal;
        }

        .counter-side div span.text-count {
                font-size: 24px;
        }
}

@media(max-width:992px) {
        .counter-side div {
                width: 30%;
        }

        .counter-side div span.text-count {
                font-size: 22px;
        }

        .side-text {
                padding: 20px;
        }

}

@media(max-width:767px) {
        .sidekick.container {
                padding-top: 40px;
                padding-bottom: 40px;
        }

        .counter-side div {
                width: 30%;
                height: 130px;
        }

}

@media(max-width:600px) {
        .side-text .heading-and-text-side p.heading {
                font-size: 22px;
                padding-bottom: 10px;
        }

        .side-text .heading-and-text-side span {
                font-size: 18px;
                width: 100%;
        }

        .side-text .heading-and-text-side a.find-out-more {
                font-size: 18px;
                height: 40px;
        }

        .counter-side {
                flex-direction: column;
                row-gap: 30px;
        }

        .counter-side div {
                width: 100%;
        }
}

/* tab section */

.tab-main {
     display: flex;
    align-items: center;
    column-gap: 71px;
}

.tab-main div {
	    opacity: 0.3;
}

.tab-main div.active {
       opacity: 1;
}

.tab-section-main.container {
        padding-top: 79px;
        background-color: #F5F5F7;
}



.tab-main div span.tab-2 {
        color: var(--textcolor);
        border-bottom: 3px solid #FCF00D;
}

.tab-main div span.tab-3 {
        color: var(--textcolor);
        border-bottom: 3px solid #94E355;
}

.tab-main div span.tab-4 {
        color: var(--textcolor);
        border-bottom: 3px solid #5BBEE9;
}

.tab-sun-div {
        display: flex;
        flex-wrap: wrap;
        row-gap: 42px;
        padding: 50px 0px 150px 0px;
        column-gap: 42px;
}

.b2b-brand-strategic.container p.phonenumbers a{
	transition: all .5s;
    transform: scale(1);
}
.b2b-brand-strategic.container p.phonenumbers a:hover{
    transform: scale(1.5);
}
.tab-sun-div .info-sec {
        width: 48%;
        display: flex;
        flex-direction: column;
        background: #fff;
        border-radius: 10px;
}

.tab-sun-div .info-sec img {
        width: 100%;
        height: auto;
        border-radius: 10px;
}

.tab-sun-div .info-sec .info-sec-sub .logo-main img {
        width: auto;
}

.tab-sun-div .info-sec .info-sec-sub {
        display: flex;
        padding-left: 50px;
        padding-top: 28px;
        padding-bottom: 33px;
        border-radius: 10px;
}

.tab-sun-div .info-sec .info-sec-sub .logo-text p {
        font-size: 26px;
        font-weight: 700;
        color: var(--textcolor);
        padding-bottom: 10px;
}

.tab-sun-div .info-sec .info-sec-sub .logo-text span {
        font-size: 20px;
        font-weight: 400;
        line-height: 28px;
        color: var(--textcolor);
        display: block;
        padding-bottom: 10px;
}

.tab-sun-div .info-sec .info-sec-sub .logo-text a {
        font-size: 20px;
        font-weight: 700;
        color: var(--textcolor);
        border-bottom: 1px solid #142840;
}

.logo-text {
        width: 80%;
        padding-left: 44px;
}

.logo-main {
        width: 14%;
}

.Websites-sub,
.Campaigns-sub,
.Digital-sub,
.branding-sub {
        display: none;
        transition: opacity 0.5s ease, max-height 0.5s ease;
}

.Websites-sub.active,
.Campaigns-sub.active,
.Digital-sub.active,
.branding-sub.active {
        display: block;
        padding-top: 47px;
        padding-bottom: 144px;

}

.tab-main div span{
	    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: block;
    padding-bottom: 4px;
    padding-bottom: 6px;
    cursor: pointer;
}

.load-more-main {
        display: flex;
        width: 190px;
        height: 49px;
        font-size: 21px;
        font-weight: 700;
        color: #142840;
        border: 1px solid #142840;
        border-radius: 100px;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        margin: auto;
}

.load-more-div {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 54px;
        padding-bottom: 54px;
}
.tab-main span.tab-1 {
    border-bottom: 3px solid #FF4000;
}

@media(max-width:1300px) {

        .tab-sun-div {
                row-gap: 20px;
                column-gap: 20px;
                justify-content: space-between;
        }

        .tab-section-main.container {
                padding-top: 66px;
                padding-bottom: 66px;
        }

        
}

@media(max-width:992px) {
        .tab-sun-div {
                row-gap: 20px;
                column-gap: 20px;
                justify-content: space-between;
        }

        .tab-main {
                column-gap: 15px;
        }
}

@media(max-width:767px) {
        .tab-main div {
                width: 48%;
        }

        .tab-main {
                flex-wrap: wrap;
                row-gap: 20px;
        }

        .tab-section-main.container {
                padding-top: 40px;
                padding-bottom: 40px;
        }

        .tab-sun-div .info-sec .info-sec-sub {
                display: flex;
                padding: 20px;
                border-radius: 10px;
                flex-direction: column;
                align-items: center;
        }

        .tab-sun-div .info-sec .info-sec-sub .logo-text span {
                text-align: center;
        }

        .logo-text {
                width: 100%;
                padding-left: 0px;
                text-align: center;
        }

        .tab-sun-div .info-sec .info-sec-sub .logo-text p {
                text-align: center;
        }

        .logo-main {
                width: 100%;
                text-align: center;
                padding-bottom: 15px;
        }

}

@media(max-width:600px) {
        .tab-main div {
                width: 100%;
        }

        .tab-sun-div .info-sec {
                width: 100%;
        }

        .Websites-sub.active,
        .Campaigns-sub.active,
        .Digital-sub.active,
        .branding-sub.active {
                max-height: none;
        }

        .load-more-div {
                padding-top: 40px;
                padding-bottom: 40px;
        }

        .load-more-main {
                font-size: 18px;
                height: 40px;
        }

}





/* insight page */


/* feature article section */
.feature-ariticle.container {
        display: flex;
        padding-top: 70px;
        align-items: stretch;
        padding-bottom: 90px;
        background: #F5F5F7;

}

.feature-text {
        width: 33%;
        background-color: #142840;
}

.feature-text p {
        font-size: 32px;
        font-weight: 700;
        color: #ffffff;
        padding-bottom: 23px;
}

.feature-text span {
        font-size: 20px;
        font-weight: 400;
        color: #ffffff;
        display: block;
        line-height: 26px;
}

.feature-text {
        width: 40%;
        background-color: #142840;
        padding-top: 76px;
        padding-left: 50px;
        border-radius: 10px 0px 0px 10px;
}

a.read-article {
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 209px;
        height: 49px;
        border: 1px solid;
        border-radius: 100px;
        font-size: 21px;
        font-weight: 700;
        margin-top: 26px;
}

.hover-1:hover {
        background: #fff;
        border: none;
        color: var(--textcolor);
}

.img-feature img {
        width: 100%;
        height: auto;
}

.img-feature {
        display: flex;
        width: 60%;
}

@media(max-width:1200px) {
        .feature-ariticle.container {
                padding-top: 66px;
                padding-bottom: 66px;
        }

        .feature-text {
                padding-left: 20px;
        }
}

@media(max-width:992px) {
        .feature-ariticle.container {
                flex-direction: column;
        }

        .feature-text {
                width: 100%;
        }

        .img-feature {
                width: 100%;
        }

        .feature-text span br {
                display: none;
        }

        .feature-text p br {
                display: none;
        }

        .feature-text p {
                text-align: center;
                padding-bottom: 10px;
        }

        .feature-text span {
                text-align: center;
        }

        .feature-text {
                display: flex;
                flex-direction: column;
                align-items: center;
                padding-bottom: 30px;
                padding-top: 30px;
                border-radius: 10px 10px 0px 0px;
                padding-left: 20px;
                padding-right: 20px;
        }

        .img-feature img {
                border-radius: 0px 0px 10px 10px;
        }
}

@media(max-width:767px) {
        .feature-ariticle.container {
                padding-top: 40px;
                padding-bottom: 40px;
        }
}

@media(max-width:520px) {
        .feature-text p {
                font-size: 22px;
        }

        .feature-text span {
                font-size: 18px;
        }

        a.read-article {
                font-size: 18px;
                height: 40px;
        }
}



/* tab-insight section */
.tab-insight.container {
        background: #F5F5F7;
}

.article-div-min.active {
        padding-top: 57px;
        padding-bottom: 80px;
}

.article-div-min .tab-sun-div .info-tab {
        width: 32%;
        background: #ffffff;
        border-radius: 10px;
}

.article-div-min .tab-sun-div {
        column-gap: 20px;
        padding:50px 0px 50px 0px;
}

.article-div-min .tab-sun-div .info-tab p.title {
        font-size: 26px;
        font-weight: 700;
        color: var(--textcolor);
        padding-bottom: 10px;
}

.article-div-min .tab-sun-div .info-tab span {
        font-size: 20px;
        line-height: 28px;
        color: var(--textcolor);
        display: block;
        padding-bottom: 15px;
}

.article-div-min .tab-sun-div .info-tab a {
        font-size: 20px;
        font-weight: 700;
        color: var(--textcolor);
        border-bottom: 1px solid #142840;
        padding-bottom: 4px;
}

.article-div-min .tab-sun-div .info-tab img {
        width: 100%;
		border-radius:10px 10px 0px 0px;
}

.article-div-min .tab-sun-div .desc-info {
        padding: 26px 30px;
}

@media (max-width:1200px) {
        .article-div-min .tab-sun-div .info-tab {
                width: 30%;
        }

        .article-div-min.active {
                padding-top: 66px;
                padding-bottom: 66px;
        }
}

@media (max-width:992px) {
        .article-div-min .tab-sun-div .info-tab {
                width: 48%;
        }

        .article-div-min .tab-sun-div {
                column-gap: 15px;
                row-gap: 15px;
        }

        .tab-insight.container .tab-main {
                flex-wrap: wrap;
                row-gap: 20px;
        }

        .tab-insight.container .tab-main div {
                width: 48%;
        }

        .article-div-min .tab-sun-div .desc-info {
                padding: 15px 20px;
        }
}

@media (max-width:767px) {
        .article-div-min.active {
                padding-top: 40px;
                padding-bottom: 40px;
        }

        .article-div-min.active {
                padding-top: 70px;
                padding-bottom: 70px;
        }
}

@media (max-width:600px) {
        .article-div-min .tab-sun-div .info-tab {
                width: 100%;
        }

        .tab-insight.container .tab-main div {
                width: 100%;
        }

        .article-div-min .tab-sun-div {
                column-gap: 15px;
                row-gap: 30px;
        }

        .article-div-min .tab-sun-div .info-tab p.title {
                font-size: 20px;
        }

        .article-div-min .tab-sun-div .info-tab span {
                font-size: 18px;
        }

        .article-div-min .tab-sun-div .info-tab a {
                font-size: 18px;
        }

        .article-div-min .tab-sun-div .desc-info {
                display: flex;
                flex-direction: column;
                align-items: center;
        }
}

/* b2b result */
.b2b-result.container .heading-main p.heading-main {
        font-size: 32px;
        font-weight: 700;
        color: var(--textcolor);
        padding-bottom: 23px;
}

.b2b-result.container .heading-main span {
        font-size: 20px;
        line-height: 28px;
        color: var(--textcolor);
}

.b2b-result.container {
        padding-top: 60px;
        padding-bottom: 200px;
}

.b2b-thinker.container.scenarios-blog {
        padding-top: 0px;
        padding-bottom: 102px;
}

.section-b2b-result {
        display: flex;
        justify-content: space-between;
        padding-top: 72px;
}

.branding-result-img-info .info-main-1 p.title-main {
        font-size: 27px;
        font-weight: 700;
        color: var(--textcolor);
        padding-top: 14px;
}

.branding-result-img-info .info-main-1 span.descri {
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        padding-top: 14px;
        display: block;
        width: 88%;
}

.branding-result-img-info a.find-out-more {
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        color: var(--textcolor);
        border-bottom: 1px solid #142840;
        padding-bottom: 3px;
}

.section-b2b-result .branding-result-img-info {
        width: 23%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
}

.section-b2b-result .branding-result-img-info .info-main-1 {
        padding-bottom: 20px;
}

@media(max-width:1200px) {
        .b2b-result.container {
                padding-top: 66px;
                padding-bottom: 66px;
        }

        .b2b-result.container .heading-main p.heading-main {
                padding-bottom: 10px;
        }
}

@media(max-width:992px) {
        .section-b2b-result .branding-result-img-info {
                width: 48%;
        }

        .section-b2b-result {
                flex-wrap: wrap;
                row-gap: 40px;
        }

        .section-b2b-result {
                padding-top: 40px;
        }
}

@media(max-width:767px) {
        .b2b-result.container {
                padding-top: 40px;
                padding-bottom: 150px;
        }
}

@media(max-width:520px) {
        .b2b-result.container .heading-main p.heading-main {
                font-size: 22px;
                text-align: center;
        }

        .b2b-result.container .heading-main span {
                font-size: 18px;
                text-align: center;
                display: block;
        }

        .section-b2b-result .branding-result-img-info {
                width: 100%;
        }

        .branding-result-img-info .info-main-1 span.descri {
                width: 100%;
                text-align: center;
        }

        .section-b2b-result .branding-result-img-info .info-main-1 {
                display: flex;
                flex-direction: column;
                align-items: center;
        }

        .find-out-more {
                display: flex;
                align-items: center;
                justify-content: center;
        }
}




/* b2b scenarios page */

/* flip-section css */
.b2b-markting-holding.container {
        padding-top: 70px;
        padding-bottom: 60px;
        background: #FFFDFD;
}

.b2b-markting-holding.container .heading-main p {
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        color: var(--textcolor);
        padding-bottom: 15px;
}

.b2b-markting-holding.container .heading-main span {
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        color: var(--textcolor);
}

.tab-link {
        display: flex;
        align-items: center;
        column-gap: 71px;
}

.tab-and-flip {
        padding-top: 65px;
}

.tab-link .tab-marktig span {
        font-size: 28px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        display: block;
        padding-bottom: 4px;
        padding-bottom: 6px;
        cursor: pointer;
}

.tab-link .tab-marktig span.red-tab {
        border-bottom: 3px solid #FF4000;
}

.tab-link .tab-marktig span.yellow-tab {
        border-bottom: 3px solid #FCF00D;
}

.tab-link .tab-marktig span.green-tab {
        border-bottom: 3px solid #99E36C;
}

.tab-link .tab-marktig span.blue-tab {
        border-bottom: 3px solid #5BBEE9;
}

.flip-main-section {
        width: 49%;
        height: 274px;
        perspective: 1000px;
}

.flip-container {
        width: 100%;
        height: 100%;
        position: relative;
        transform-style: preserve-3d;
        transition: transform 0.8s;
}

.front-main-div,
.back-main-div {
        width: 100%;
        height: 100%;
        position: absolute;
        backface-visibility: hidden;
        border-radius: 12px;
}

.front-main-div {
        background: #F5F5F7;
        display: flex;
        padding-left: 38px;
        padding-top: 37px;
        flex-direction: column;
        border-bottom: 10px solid #FF4000;
        cursor: pointer;
}

.front-main-div .heading-main {
        font-size: 36px;
        font-style: normal;
        font-weight: 700;
        line-height: 42px;
        color: #000;
}

.how-to-solve {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding-top: 49px;
        padding-right: 27px;
}

.how-to-solve span {
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        color: #000;
        border-bottom: 1px solid;
}

.back-main-div {
        display: flex;
        color: #fff;
        font-size: 24px;
        transform: rotateX(-180deg);
        padding-top: 36px;
        padding-left: 38px;
        padding-right: 53px;
        border-radius: 10px 10px 10px 10px;
        background: #142840;
        flex-direction: column;
}

.arrow-back {
        display: flex;
        justify-content: flex-end;
        padding-top: 49px;
}

.back-main-div span {
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        color: #FFF;
	    overflow-y: auto;
}

.tab-section-1 {
        display: flex;
        flex-wrap: wrap;
        padding-top: 60px;
        column-gap: 22px;
        row-gap: 23px;
        justify-content: space-between;
}

.tab-marktig {
        opacity: 0.3;
}

.tab-marktig.active {
        opacity: 1;
}

.b2b-markting-holding.container .load-more-div {
        padding-top: 30px;
		padding-bottom:30px;
}

@media (max-width:1200px) {
        .b2b-markting-holding.container {
                padding-top: 66px;
                padding-bottom: 66px;
        }

        .front-main-div .heading-main {
                font-size: 30px;
                font-style: normal;
                font-weight: 700;
                line-height: 34px;
                color: #000;
        }

        .flip-main-section {
                width: 48%;
        }

        .front-main-div {
                background: #F5F5F7;
                display: flex;
                padding-left: 38px;
                padding-top: 37px;
                flex-direction: column;
                border-bottom: 10px solid #FF4000;
                justify-content: space-between;
                padding-bottom: 30px;
        }
}

@media (max-width:992px) {
        .front-main-div {
                padding-left: 20px;
                padding-top: 20px;
        }

        .tab-link {
                display: flex;
                align-items: center;
                column-gap: 71px;
                justify-content: center;
        }

        .tab-link .tab-marktig span {
                font-size: 24px;
        }

        .how-to-solve {
                padding-top: 0px;
        }

}

@media (max-width:767px) {
        .b2b-markting-holding.container {
                padding-top: 40px;
                padding-bottom: 40px;
        }

        .b2b-markting-holding.container .heading-main p {
                text-align: center;
        }

        .b2b-markting-holding.container .heading-main span {
                text-align: center;
                display: block;
        }

        .flip-main-section {
                width: 100%;
        }

        .front-main-div {
                padding-left: 20px;
                padding-top: 20px;
                padding-bottom: 20px;
                padding-right: 20px;
        }

        .front-main-div .heading-main br {
                display: none;
        }

        .front-main-div .heading-main {
                text-align: center;
        }

        .flip-main-section {
                height: 230px;
        }

        .tab-link {
                flex-wrap: wrap;
                row-gap: 20px;
        }

        .back-main-div {
                padding: 20px;
        }

        .back-main-div span {
                font-size: 18px;
        }
}

@media (max-width:600px) {
        .b2b-markting-holding.container .heading-main p {
                font-size: 22px;
        }

        .b2b-markting-holding.container .heading-main span {
                font-size: 18px;
        }

        .tab-link .tab-marktig span {
                font-size: 22px;
        }

        .front-main-div .heading-main {
                font-size: 27px;
        }

        .how-to-solve span {
                font-size: 18px;
        }

        .how-to-solve svg {
                height: 20px;
                width: 20px;
        }

        .tab-marktig {
                width: 40%;
                text-align: center;
        }

        .tab-link {
                flex-wrap: wrap;
                row-gap: 30px;
        }

}






/* Scenarios-idea */

.Scenarios-idea .idea-heading p {
        line-height: 38px;
}

.Scenarios-idea .idea-heading {
        padding-bottom: 23px !important;
}

.Scenarios-idea .idea-text span {
        width: 89.7%;
        display: block;
}

.Scenarios-idea .img2 .imag-text-idea span {
        width: 82%;
}

.Scenarios-idea .img2 {
        padding: 32px 20px 30px 36px;
}

.Scenarios-idea .img2 .logo-idea {
        margin-top: 3px;
}

.Scenarios-idea .img2 .imag-text-idea {
        margin-left: 10px;
}

.Scenarios-idea .img2 .imag-text-idea p.heading {
        padding-bottom: 10px;
}

.ideas-with-impact.Scenarios-idea.container {
        padding-bottom: 50px;
}

@media(max-width:767px) {
        .Scenarios-idea .idea-text span {
                width: 100%;
        }

        .ideas-with-impact .idea-text-part .idea-heading p br {
                display: none;
        }

        .ideas-with-impact.Scenarios-idea.container {
                padding-bottom: 40px;
        }

        .ideas-with-impact .idea-text-part .idea-text {
                padding-bottom: 0px;
			margin-bottom:30px;
        }
}


/* b2b-result-scenarios */
.b2b-result.container.b2b-result-scenarion {
        padding-top: 66px;
        background: #F5F5F7;
        padding-bottom: 108px;
}

@media(max-width:1200px) {
        .b2b-result.container.b2b-result-scenarion {
                padding-top: 66px;
                padding-bottom: 66px;
        }
}

@media(max-width:767px) {
        .b2b-result.container.b2b-result-scenarion {
                padding-top: 40px;
                padding-bottom: 40px;
        }

        .b2b-markting-holding.container .load-more-div {
                padding-top: 40px;
                padding-bottom: 0px;
        }

}


/* b2b thinker */
.b2b-thinker.container .heading-section {
        text-align: center;
}

.b2b-thinker.container {
        padding-top: 40px;
}

.b2b-thinker.container .heading-section p {
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        color: var(--textcolor);
}

.b2b-thinker.container .heading-section span {
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        color: var(--textcolor);
        padding-top: 23px;
        display: block;
}

.recover-section {
        display: flex;
        justify-content: space-between;
        padding-top: 85px;
        align-items: flex-start !important;
}

.recover-section .text-re p.heading {
        font-size: 27px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px;
        color: var(--textcolor);
        padding-bottom: 30px;
}

.recover-section .text-re span {
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        color: var(--textcolor);
        display: block
}

.recover-section a {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 49px;
        color: #121331;
        border-radius: 100px;
        border: 1px solid #142840;
        font-size: 21px;
        width: 195px;
        margin-top: 27px;
        font-weight: 700;
}



/* b2b thinker section css */
.b2b-thinker.container .article-div-min.active {
        padding-top: 70px;
        padding-bottom: 98px;
}

.b2b-thinker.container .article-div-min.active .info-tab {
        background: #F5F5F7;
}

@media(max-width:1200px) {
        .b2b-thinker.container {
                padding-top: 66px;
                padding-bottom: 66px;
        }

        .recover-section {
                padding-top: 40px;
        }

        .b2b-thinker.container .heading-section span br {
                display: none;
        }

        .b2b-thinker.container .heading-section span {
                padding-top: 10px;
        }

        .recover-section .text-re span br {
                display: none;
        }

        .recover-section .text-re {
                width: 50%;
        }

}

@media(max-width:767px) {
        .recover-section {
                flex-direction: column;
                row-gap: 30px;
        }

        .recover-section .text-re {
                width: 100%;
        }

        .img-re img {
                width: 100%;
        }

        .img-re {
                width: 100%;
        }

        .recover-section .text-re p.heading {
                text-align: center;
        }

        .recover-section .text-re span {
                text-align: center;
        }

        .recover-section .text-re {
                padding-top: 0px;
                display: flex;
                flex-direction: column;
                align-items: center;
        }

        .b2b-thinker.container .heading-section p {
                font-size: 27px;
        }

        .b2b-thinker.container .article-div-min.active {
                padding-top: 40px;
                padding-bottom: 40px;
        }

        .b2b-thinker.container {
                padding-top: 40px;
                padding-bottom: 40px;
        }
}

@media(max-width:520px) {
        .recover-section a {
                height: 40px;
                font-size: 18px;
        }

        .b2b-thinker.container .heading-section p {
                font-size: 22px;
        }

        .b2b-thinker.container .heading-section span {
                font-size: 18px;
        }
}




/* case study page css */

/* banner css  */
.case-stydy-banner img {
        width: 100%;
	    max-height: 900px;
    	object-fit: cover;
}

.case-stydy-banner {
        position: relative;
}

.case-stydy-banner .heading-section {
        position: absolute;
        display: flex;
        align-items: center;
        width: 100%;
        top: 38%;
        flex-direction: column;
}

.case-stydy-banner .heading-section p {
        font-size: 96px;
        font-style: normal;
        font-weight: 700;
        line-height: 80px;
        text-transform: uppercase;
        color: #ffffff;
        text-align: center;
        padding-bottom: 76px;
}

.case-stydy-banner .heading-section span {
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 27px;
        color: #fff;
        display: block;
        text-align: center;
}

@media (max-width:1200px) {
        .case-stydy-banner img {
                width: 100%;
                height: revert-layer;
                object-fit: cover;
                object-position: center;
        }

        .case-stydy-banner .heading-section p {
                font-size: 66px;
                line-height: 62px;
                padding-bottom: 50px;
        }

}

@media (max-width:992px) {
        .case-stydy-banner .heading-section p {
                font-size: 46px;
                line-height: 52px;
                padding-bottom: 20px;
        }

        .case-stydy-banner .heading-section span {
                font-size: 18px;
        }

        .case-stydy-banner .heading-section {
                top: 30%;
                left: 0%;
        }
}

@media (max-width:767px) {
        .case-stydy-banner img {
                width: auto;
                object-fit: cover;
                object-position: center;
                height: 400px;
        }
}




/* about section */
.our-team-about.case-out-team.container {
        padding-top: 70px;
        padding-bottom: 85px;
}

.case-video-section.container .case-video-text span {
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        color: #ffffff;
        display: block;
        width: 90%;
}

.our-team-about.case-out-team.container span {
        padding: 0px 0px 0px 44px;
}

.our-team-about.case-out-team.container span:nth-child(1) {
        padding-bottom: 26px;
}

@media (max-width:1200px) {
        .our-team-about.case-out-team.container {
                padding-top: 66px;
                padding-bottom: 66px;
        }
}

@media (max-width:767px) {
        .our-team-about.case-out-team.container {
                padding-top: 40px;
                padding-bottom: 40px;
        }

        .our-team-about.case-out-team.container span {
                padding-left: 0px;
        }

        .our-team-about.case-out-team.container .heading-about p br {
                display: none;
        }

        .our-team-about.case-out-team.container span:nth-child(1) {
                padding-bottom: 10px;
        }

        .our-team-about.case-out-team .our-team-about {
                row-gap: 10px;
        }
}




/* case video section */
.case-video-section.container {
        background: #142840;
        display: flex;
        padding-top: 93px;
        padding-bottom: 76px;
}

.case-video-section.container .case-video-text {
        width: 50%;
}

.case-video-section.container .case-video-text span:nth-child(1) {
        padding-bottom: 28px;
}

.case-video video {
        border-radius: 10px;
}

.case-video {
        position: relative;
        width: 50%;
}

.case-video video {
        width: 100%;
        height: auto;
}

.case-video img.play-video {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: auto;
}

@media (max-width:1200px) {
        .case-video-section.container {
                padding-top: 66px;
                padding-bottom: 66px;
        }
}

@media (max-width:992px) {
        .case-video img.play-video {
                top: 30%;
        }
}

@media (max-width:767px) {
        .case-video-section.container {
                flex-direction: column;
                align-items: center;
        }

        .case-video-section.container .case-video-text {
                width: 100%;
        }

        .case-video-section.container .case-video-text span {
                width: 100%;
                text-align: center;
        }

        .case-video img.play-video {
                top: 50%;
                width: 80px;
        }

        .case-video-section.container {
                padding-top: 40px;
                padding-bottom: 40px;
                row-gap: 30px;
        }

        .case-video {
                width: 100%;
        }
}

@media (max-width:520px) {
        .case-video-section.container .case-video-text span {
                font-size: 18px;
        }

        .case-video-section.container .case-video-text span:nth-child(1) {
                padding-bottom: 10px;
        }
}



/* case slider section */
.slider-case {
        padding-left: 180px;
        padding-top: 97px;
        position: relative;
        padding-bottom: 88px;
}

.swipercases {
        position: static !important;
}

.swipercases .swiper-button-prev,
.swipercases .swiper-button-next {
        top: 50% !important;
}

.swipercases .swiper-slide img {
        width: 955px;
        height: 636px;
}

.slider-case .background-shade {
        background: #ffffff38;
}

@media(max-width:1200px) {
        .slider-case {
                padding-top: 66px;
                padding-bottom: 66px;
                padding-left: 50px;
                padding-right: 50px;
        }

        .slider-case .swiper-button-prev {
                left: 1% !important;
        }

        .slider-case .background-shade {
                display: none;
        }

        .slider-case .swiper-button-next {
                right: 1% !important;
        }

        .swipercases .swiper-slide img {
                width: 100%;
                height: auto;
        }
}

@media (max-width:992px) {
        .slider-case {
                padding-left: 40px;
                padding-right: 40px;
        }
}

@media (max-width:767px) {
        .slider-case {
                padding-top: 40px;
                padding-bottom: 40px;
        }
}




/* how did we */
.how-we-did.container p {
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        color: var(--textcolor);
}

.how-we-did.container {
        padding-top: 103px;
        padding-bottom: 88px;
        background: #F5F5F7;
}

.how-we-did.container .values-1 {
        padding-top: 0px;
}

.how-we-did.container .values-1 .valuse-info img {
        padding-bottom: 14px;
}

.how-we-did.container .values-1 .valuse-info {
        width: 31%;
}

@media (max-width:1200px) {
        .how-we-did.container {
                padding-top: 66px;
                padding-bottom: 66px;
        }
}

@media (max-width:767px) {
        .how-we-did.container {
                padding-top: 40px;
                padding-bottom: 40px;
        }

        .how-we-did.container p {
                text-align: center;
        }

        .how-we-did.container .values-1 .valuse-info {
                display: flex;
                flex-direction: column;
                align-items: center;
        }

        .how-we-did.container .values-1 .valuse-info span {
                text-align: center;
        }

        .how-we-did.container .values-1 {
                padding-top: 30px;
        }
}

@media (max-width:520px) {
        .how-we-did.container .values-1 .valuse-info {
                width: 100%;
        }

        .how-we-did.container p {
                font-size: 22px;
        }
}



/* case image section main */
.case-images.container {
        padding-top: 102px;
        padding-bottom: 100px;
}

.case-images-main {
        display: flex;
        flex-direction: column;
        row-gap: 45px;
}

.case-images-main img {
        width: 100%;
        height: auto;
}

.case-images.container .load-more-div {
        padding-top: 78px;
        padding-bottom: 0px;
}

@media (max-width:1200px) {
        .case-images.container {
                padding-top: 66px;
                padding-bottom: 66px;
        }
}

@media (max-width:767px) {
        .case-images.container {
                padding-top: 40px;
                padding-bottom: 40px;
        }

        .case-images-main {
                row-gap: 20px;
        }

        .case-images.container .load-more-div {
                padding-top: 40px;
        }
}

@media (max-width:520px) {
        .case-images.container .load-more-div {
                padding-top: 20px;
        }
}


/* other-work css */

.other-work-section.container {
        background: #F5F5F7;
        padding-top: 74px;
}

.other-work-section.container .heading p {
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        color: var(--textcolor);
        padding-bottom: 25px;
}

.other-work-section.container .heading span {
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        color: var(--textcolor);
        display: block;
}



.other-work-section.container .impact-with.case-study {
        display: flex;
        justify-content: space-between;
        padding-bottom: 200px;
}

@media (max-width:1200px) {
        .other-work-section.container {
                padding-top: 66px;
                padding-bottom: 150px;
        }

        .other-work-section.container .impact-with.case-study {
                padding-bottom: 0px;
        }

        .case-study-main .case-study img.case-stydy-logo {
                width: 50%;
        }
}

@media (max-width:767px) {
        .other-work-section.container {
                padding-top: 40px;
                padding-bottom: 150px;
        }

        .other-work-section.container .heading span br {
                display: none;
        }

        .other-work-section.container .heading p {
                padding-bottom: 10px;
        }

        .case-study-main {
                width: 32%;
        }

        .case-study-main .case-study p.heading-case {
                font-size: 22px;
        }

        .case-study-main .case-study span {
                font-size: 18px;
                line-height: 26px;
        }

        .service.idea.impact.section {
                padding-top: 30px;
        }

        .case-study-main .case-study a {
                font-size: 18px;
        }
}

@media (max-width:600px) {
        .other-work-section.container .heading p {
                text-align: center;
                font-size: 22px;
        }

        .other-work-section.container .heading span {
                font-size: 18px;
                text-align: center;
        }

        .case-study-main {
                width: 100%;
        }

        .other-work-section.container .impact-with.case-study {
                flex-direction: column;
                row-gap: 20px;
        }

        .case-study-main .case-study {
                height: 220px;
        }

        .case-study-main .case-study img.case-stydy-logo {
                width: auto;
        }

        .case-study-main .case-study span {
                text-align: center;
        }
}



/*css added Ravi*/
.article-div-min,
.video-div-min,
.infrographic-div-min,
.leadership-div-min {
        display: none;
}

.article-div-min.active,
.video-div-min.active,
.infrographic-div-min.active,
.leadership-div-min.active {
        display: block;
}



.tab-section-1,
.yellow-tab,
.green-tab,
.blue-tab {
        display: none;
}

.tab-section-1.active,
.yellow-tab.active,
.green-tab.active,
.blue-tab.active {
        display: flex;
}

.video-and-text .video-wrapper {
        position: relative;
}

.video-and-text .video-wrapper img.play-video {
        width: 85px !important;
        height: 85px !important;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
}

.video-and-text .video-wrapper video.brand-video {
        width: 400px;
        height: 211px;
        border-radius: 10px;
}

.video-and-text .video-wrapper iframe {
        width: 400px;
        height: 211px;
        border-radius: 10px;
}

.tab-section-main.container .load-more-div {
        padding-bottom: 0px;
}

.footer-form .gfield p {
        display: flex;
        column-gap: 15px;
}

.cf7-text {
        padding-bottom: 27px;
}

.vide-section .video-left video {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
}

.popup {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.8);
        justify-content: center;
        align-items: center;
        z-index: 9999;
}

.popup-content {
        position: relative;
        margin: 0 auto;
        width: 80%;
        max-width: 800px;
        background: #fff;
        padding: 20px;
        border-radius: 8px;
        text-align: center;
        top: 20%;
}

.popup-content video {
        width: 100%;
        height: auto;
}

.close-popup {
        position: absolute;
        top: -14px;
        right: 3px;
        font-size: 45px;
        color: #000;
        cursor: pointer;
}

.hover-border {
        overflow: hidden;
        position: relative;
        display: inline-block;
        transition: border-bottom 0.3s ease;
}

.hover-border:hover {
        border-bottom: 1px solid transparent !important;
        /* Hide the original border */
}

.hover-border::before {
        content: '';
        position: absolute;
        left: -100%;
        /* Start off-screen to the left */
        bottom: 0;
        width: 100%;
        /* Full width of the link */
        height: 1px;
        /* Thickness of the animated line */
        background-color: #142840;
        /* Color of the animated line */
        transition: left 0.5s ease;
        /* Animation effect */
}
.ideas-with-impact .idea-text-part .list-idea p:before{
	    content: '';
    position: absolute;
    left: -100%;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #ff4000;
    transition: left 0.5s ease;
}
.ideas-with-impact .idea-text-part p.list-idea-1:before{
	 background-color: #ff4000;
}
.ideas-with-impact .idea-text-part p.list-idea-2:before{
	  background-color: #FCF00D;
}
.ideas-with-impact .idea-text-part p.list-idea-3:before{
	  background-color: #94E355;
}
.ideas-with-impact .idea-text-part p.list-idea-4:before{
	  background-color: #5BBEE9;
}
.ideas-with-impact .idea-text-part .list-idea p:hover::before{
	 left: 0;
}
.hover-border:hover::before {
        left: 0;
        /* Move to the original position on hover */
}

.pulse-effect:hover {
        animation: pulse 1s infinite;
        background: #142840;
        color: #fff !important;
}

.pulse-white-effect:hover {
        animation: pulse 1s infinite;
        background: #fff;
        color: #142840 !important;
}

.pulse-yellow-effect:hover {
        animation: pulse 1s infinite;
        background: #FCF00D;
        color: #121331 !important;
}

.footer-bottom.container .footer-links a:hover {
        color: #FCF00D;
}

.footer-bottom-links a:hover {
        color: #FCF00D;
}

.footer-form .sumbit-button:hover {
        animation: pulse 1s infinite;
        background: #ffffff;
        color: #121331 !important;
}

.digital-score .score-text-part a:hover {
        animation: pulse 1s infinite;
        background: #ffffff;
        color: #121331 !important;
}
.contact-button a.btn-color {
    transition: transform 0.4s ease, opacity 0.4s ease, background 0.4s ease, color 0.4s ease;
    /* Set base style */
}

/* Add a separate class just for hover state animation */
.contact-button a.btn-color:hover {
    animation: pulse 1s ease-in-out infinite;
    background: #ffffff;
    color: #121331 !important;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.05);
        opacity: 0.7;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.b2b-brand-strategic.container p.phonenumbers a {
    color: #5BBEE9;
    font-size: 48px;
    font-weight: 700;
    padding-bottom: 2px;
    border-bottom: 0.5px solid #5BBEE9;
    margin-bottom: 31px;
}

.company-and-find-us div select.find-us-open:focus-visible {
    outline: none;
}

.contact-div-main-second .contact-message textarea:focus-visible {
    outline: none;
}


.Contact-div-main {
    background-color: #0F2035;
}

.contact-div-main {
    display: flex;
    justify-content: space-between;
    column-gap: 40px;
}

.contact-sub.container {
    padding-top: 80px;
    padding-bottom: 80px;
}

/*.contact-div-main-min .gfield {
    display: flex;
    flex-direction: column;
    row-gap: 22px;
    width: 30%;
}*/

.contact-div-main-min .gfield label {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
}

.contact-div-main-min .gfield input, .contact-div-main-min .gfield select, .contact-div-main-min .gfield textarea {
    height: 54px;
    width: 100%;
    border: none;
    border-radius: 10px;
    background-color: #394C63;
    padding: 15px 20px;
    font-size: 20px;
    color: #F5F5F780;
}

.contact-sub.container p, .contact-form .gform_wrapper.gravity-theme .gfield_label {
    font-size: 32px;
    color: #F5F5F7;
    font-weight: 700;
}
.contact-sub.container p.gform_required_legend {
    font-size: 20px;
    font-weight: normal;
}

/*.contact-div-main-min {
    display: flex;
    justify-content: space-between;
}*/
.footer-form .sumbit-button{
	cursor:pointer;
}
.contact-div-main-second {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    column-gap: 40px;
    grid-column: 1 / -1;
    min-width: 0;
}

.contact-div-main-second .contact-message {
    display: flex;
    flex-direction: column;
    width: 70%;
    row-gap: 22px;
}

.contact-div-main-second .contact-message textarea {
    background: rgba(57, 76, 99, 1);
    border: none;
    padding: 15px 20px;
    border-radius: 10px;
    height: 200px;
    color: rgba(245, 245, 247, 0.5);
    font-size: 24px;
    resize: none;
	width:100%;
}

.contact-div-main-second .contact-message label {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
}

.company-and-find-us div {
    display: flex;
    flex-direction: column;
/*    row-gap: 22px;*/
    position: relative;
}

.find-us-main-select svg {
    position: absolute;
    right: 20px;
    top: 20px;
}

.company-and-find-us div label {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
}

.company-and-find-us div input {
    height: 54px;
    width: 100%;
    border: none;
    border-radius: 10px;
    background-color: #394C63;
    padding: 15px 20px;
    font-size: 20px;
    color: #F5F5F780;
}

.company-and-find-us {
    display: flex;
    flex-direction: column;
    row-gap: 40px;
    width: 30%;
}

.company-and-find-us div select.find-us-open {
    height: 54px;
    width: 100%;
    border: none;
    border-radius: 10px;
    background-color: #394C63;
    padding: 15px 20px;
    font-size: 20px;
    color: rgba(245, 245, 247, 0.5);
    appearance: none;
}

.submit-button {
    display: flex;
    justify-content: flex-end;
}

.submit-button input, .gform_button {
    height: 49px;
    width: 190px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FCF00D;
    color: #121331;
    font-size: 21px;
    font-weight: 700;
    border-radius: 100px;
    border: none;
    cursor:pointer;
}

.text-contact-main.container {
    display: flex;
    justify-content: space-between;
    margin: 100px 0px 200px;
    column-gap: 40px;
}

.text-contact-main.container .text-contact p.heading {
    color: rgba(0, 0, 0, 1);
    font-weight: 700;
    font-size: 32px;
    line-height: 100%;
    padding-bottom: 30px;
}

.text-contact-main.container .text-contact span {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
}

.text-contact-main.container .text-contact .location {
    display: flex;
    column-gap: 20px;
    margin-top: 60px;
}

.text-contact-main.container .text-contact .location span {
    color: rgba(0, 0, 0, 1);
    font-weight: 700;
    font-size: 32px;
    line-height: 100%;
}

.contact-map {
    width: 75%;
}

.text-contact {
    width: 25%;
}

.contact-map img {
    width: 100%;
    height: auto;
}

@media (max-width:992px) {
    .text-contact-main.container {
        margin: 50px 0px;
    }

    .text-contact-main.container {
        flex-direction: column-reverse;
    }

    .contact-map,
    .text-contact {
        width: 100%;
    }

    .text-contact-main.container .text-contact .location span br {
        display: none;
    }

    .text-contact-main.container .text-contact .location {
        align-items: center;
        margin-top: 20px;
    }

    .text-contact-main.container .text-contact p.heading {
        padding-bottom: 20px;
    }

    .text-contact {
        margin-top: 40px;
    }

    .text-contact-main.container .text-contact .location span {
        font-size: 22px;
    }

}

@media (max-width:767px) {
    .company-and-find-us {
        width: 100%;
    }

    .contact-div-main-second .contact-message {
        width: 100%;
    }

    .contact-div-main-second {
        flex-direction: column;
        row-gap: 40px;
    }

    .contact-div-main-min .gfield {
        width: 100%;
    }

    .contact-div-main-min {
        flex-direction: column;
        row-gap: 40px;
    }

    .b2b-brand-strategic.container p.phonenumbers {
        font-size: 36px;
    }

    .contact-sub.container {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .contact-sub.container p {
        text-align: center;
    }

}

@media (max-width:520px) {
    .contact-div-main-second .contact-message textarea {
        font-size: 18px;
    }
	a.pulse-yellow-effect.idea-view-all.service {
    	margin-top: 20px;
	}
    .contact-div-main-second .contact-message label {
        font-size: 18px;
    }

    .company-and-find-us div label {
        font-size: 18px;
    }

    .contact-div-main-min .gfield label {
        font-size: 18px;
    }

    .contact-div-main-min .gfield input {
        height: 45px;
    }

    .contact-div-main-min .gfield {
        row-gap: 15px;
    }

    .contact-div-main-min {
        row-gap: 20px;
    }

    .company-and-find-us {
        row-gap: 20px;
    }

    .contact-div-main-min {
        margin-bottom: 20px;
    }

    .contact-div-main-second {
        row-gap: 20px;
    }

    .submit-button input {
        height: 40px;
        font-size: 18px;
        width: 160px;
    }

    .submit-button {
        display: flex;
        justify-content: center;
    }

    .text-contact-main.container .text-contact p.heading {
        text-align: center;
    }

    .text-contact-main.container .text-contact p.heading {
        padding-bottom: 15px;
    }

}
iframe.lazyloaded{
        width: 100%;
        height: 100%;
}
.location-img{
        height: 65px;
}

.different-headling.container p.heading {
    color: rgba(20, 40, 64, 1);
    font-weight: 700;
    font-size: 32px;
    line-height: 100%;
    margin-bottom: 30px;
}

.different-headling.container {
    margin-top: 70px;
}

.different-headling.container span {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    display: block;
    padding-bottom: 30px;
}

.insight-data.container {
    display: flex;
    align-items: flex-start;
    margin-top: 40px;
    column-gap: 40px;
    justify-content: space-between;
}

.insight-data.container .seo-data {
    width: 50%;
}

.insight-data.container .seo-data p.heading {
    color: rgba(20, 40, 64, 1);
    font-size: 27px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 20px;
}

.insight-data.container .seo-data span {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 20px;
    display: block;
}

.counter-3.counter.container .counter-div {
    width: 30%;
}

.counter-3.counter.container {
    margin-top: 100px;
}

.aritcle-text.container {
    display: flex;
    align-items: flex-start;
    padding-top: 100px;
    padding-bottom: 100px;
    column-gap: 50px;
    background: #F5F5F7;
}

.aritcle-text.container p.heading {
    color: rgba(20, 40, 64, 1);
    font-size: 27px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 20px;
}

.aritcle-text.container .left-text-aricle {
    width: 50%;
}

.aritcle-text.container .right-text-aricle {
    width: 50%;
}

.aritcle-text.container .left-text-aricle span {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 20px;
    display: block;
}

.aritcle-text.container .right-text-aricle span {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 20px;
    display: block;
    color: rgba(18, 19, 49, 1);
}

.aritcle-text.container .right-text-aricle b {
    margin-bottom: 20px;
    display: block;
    color: rgba(18, 19, 49, 1);
}

.engage-your.container {
    background: rgba(91, 190, 233, 1);
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
}

.engage-your.container .text-engage p {
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    color: rgba(255, 255, 255, 1);
}

.engage-your.container .main-engage span {
    font-size: 27px;
    color: rgba(255, 255, 255, 1);
}

.engage-your.container .text-engage {
    display: flex;
    column-gap: 40px;
}

.engage-your.container .main-engage {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
}

.share-engage {
    position: absolute;
    background: rgba(255, 255, 255, 1);
    padding: 20px;
    bottom: 0;
    right: 100px;
    border-radius: 10px 10px 0px 0px;
}

.share-engage span {
    padding-bottom: 10px;
    display: block;
    font-size: 20px;
    color: rgba(20, 40, 64, 1);
    font-weight: 700;
}

.share-engage .social-engage {
    display: flex;
    column-gap: 10px;
    justify-content: space-between;
}

.best-practices.container {
    padding-top: 100px;
    padding-bottom: 100px;
    display: flex;
    justify-content: space-between;
    column-gap: 100px;
}

.best-practices.container .best-image {
    width: 50%;
}

.best-practices.container .best-image img {
    width: 100%;
    height: auto;
}

.best-practices.container .we-love-left p.heading {
    font-size: 32px;
    font-weight: 700;
    color: rgba(20, 40, 64, 1);
    padding-bottom: 40px;
}

.best-practices.container .we-love-left .faq-q {
    margin-left: 0px;
}

.best-practices.container .we-love-left span {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    color: rgba(20, 40, 64, 1);
    padding-bottom: 30px;
    display: block;
}

.final-thoughts {
    display: flex;
}

.final-thoughts .profile {
    width: 30%;
}

.final-thoughts .final-thoughts-main {
    width: 70%;
}

.final-thoughts {
    display: flex;
    padding: 40px 70px;
    column-gap: 40px;
    background: #0F2035;
    border-radius: 10px;
}

.final-thoughts .profile p.heading {
    font-weight: 700;
    font-size: 32px;
    color: rgba(255, 255, 255, 1);
}

.final-thoughts .profile span {
    font-weight: 400;
    font-size: 20px;
    color: rgba(255, 255, 255, 1);
    padding-bottom: 20px;
    display: block;
}

.final-thoughts .profile img {
    border-radius: 10px;
}

.final-thoughts .profile .share-the-article {
    padding-top: 40px;
}

.final-thoughts .profile .share-the-article p {
    font-weight: 700;
    font-size: 20px;
    color: rgba(255, 255, 255, 1);

}

.final-thoughts .profile .share-the-article .social-engage {
    padding-top: 20px;
    display: flex;
    column-gap: 30px;
}

.final-thoughts .final-thoughts-main p.heading {
    font-weight: 700;
    font-size: 32px;
    color: rgba(255, 255, 255, 1);
    padding-bottom: 40px;
}

.final-thoughts .final-thoughts-main span {
    font-weight: 400;
    font-size: 20px;
    color: rgba(255, 255, 255, 1);
    padding-bottom: 30px;
    display: block;
    line-height: 28px;
}

.final-thoughts .profile .share-the-article .social-engage svg path {
    fill: rgba(255, 255, 255, 1);
}

.container.profile-main {
    margin-bottom: 100px;
}

@media (max-width:1200px) {
    .different-headling.container {
        margin-top: 66px;
    }
    .best-practices.container{
        padding-top: 66px;
        padding-bottom: 66px;
    }

    .counter-3.counter.container {
        margin-top: 66px;
    }

    .aritcle-text.container {
        padding-top: 66px;
        padding-bottom: 66px;
    }
}

@media (max-width:992px) {
    .final-thoughts{
        padding: 30px 40px;
    }
}

@media (max-width:767px) {
    .different-headling.container {
        margin-top: 40px;
    }
    .final-thoughts{
        flex-direction: column;
    }
    .final-thoughts .profile{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .final-thoughts .final-thoughts-main{
        width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            padding-top: 40px;
    }
    .final-thoughts .final-thoughts-main span{
        text-align: center;
    }
    .final-thoughts .final-thoughts-main p.heading{
        padding-bottom: 15px;
    }

    .counter-3.counter.container {
        margin-top: 40px;
    }

    .different-headling.container p.heading {
        text-align: center;
    }

    .different-headling.container span {
        text-align: center;
    }

    .insight-data.container {
        flex-direction: column;
    }

    .insight-data.container .seo-img {
        width: 100%;
    }

    .insight-data.container .seo-img img {
        width: 100%;
        height: auto;
    }

    .insight-data.container .seo-data {
        width: 100%;
        margin-top: 20px;
    }

    .insight-data.container .seo-data p.heading {
        text-align: center;
    }

    .insight-data.container .seo-data span {
        text-align: center;
    }

    .counter-3.counter.container .counter-div {
        width: 100%;
    }

    .aritcle-text.container {
        flex-direction: column;
    }

    .aritcle-text.container .left-text-aricle {
        width: 100%;
    }

    .aritcle-text.container .right-text-aricle {
        width: 100%;
    }

    .aritcle-text.container {
        padding-top: 44px;
        padding-bottom: 44px;
    }

    .aritcle-text.container p.heading {
        text-align: center;
    }

    .aritcle-text.container .left-text-aricle span {
        text-align: center;
    }

    .aritcle-text.container .right-text-aricle span {
        text-align: center;
    }

    .aritcle-text.container .right-text-aricle b {
        text-align: center;
    }

    .engage-your.container .text-engage p {
        font-size: 32px;
        line-height: 38px;
        text-align: center;
    }

    .engage-your.container .text-engage p br {
        display: none;
    }

    .engage-your.container .main-engage span {
        font-size: 22px;
        text-align: center;
    }

    .engage-your.container .main-engage {
        row-gap: 10px;
    }

    .engage-your.container {
        padding-top: 20px;
    }

    .engage-your.container .text-engage {
        column-gap: 20px;
    }

    .share-engage {
        position: absolute;
        background: rgba(255, 255, 255, 1);
        padding: 20px;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 10px 10px 0px 0px;
        width: 35%;
    }
    .share-engage span{
        text-align: center;
    }
    .best-practices.container{
        flex-direction: column;
    }
    .best-practices.container .best-image{
        width: 100%;
    }
    .best-practices.container .we-love-left p.heading{
        width: 100%;
        text-align: center;
        padding-bottom: 20px;
    }
    .best-practices.container .we-love-left span{
        text-align: center;
    }
    .container.profile-main{
        margin-bottom: 40px;
    }
}

@media (max-width:600px) {
    .different-headling.container p.heading {
        font-size: 22px;
    }
    .final-thoughts{
        padding: 10px 20px;
    }
    .final-thoughts .final-thoughts-main p.heading{
        font-size: 22px;
    }
    .final-thoughts .final-thoughts-main span{
        font-size: 18px;
    }
    .final-thoughts .profile .share-the-article{
        padding-top: 20px;
    }
    .best-practices.container .we-love-left p.heading{
        font-size: 22px;
    }

    .engage-your.container .text-engage {
        column-gap: 10px;
    }
    .share-engage{
        padding: 15px;
        bottom: 0;
        width: 45%;
    }
    .engage-your.container .text-engage p{
        font-size: 22px;
        line-height: 30px;
        text-align: center;
    }


    .different-headling.container span {
        font-size: 18px;
    }

    .insight-data.container {
        margin-top: 0px;
    }

    .insight-data.container .seo-data p.heading br {
        display: none;
    }

    .insight-data.container .seo-data p.heading {
        font-size: 22px;
    }

    .insight-data.container .seo-data span {
        font-size: 18px;
    }

    .aritcle-text.container p.heading {
        font-size: 22px;
    }

    .aritcle-text.container .left-text-aricle span {
        font-size: 18px;
    }

    .aritcle-text.container .right-text-aricle span {
        font-size: 18px;
    }

    .aritcle-text.container .right-text-aricle b {
        font-size: 18px;
    }
}
.tab-sun-div .info-sec img:hover{
	    transform: scale(1.05);
}
.tab-sun-div .info-sec img{
	    transition: all .5s;
	    object-fit: cover;
	    object-position: center;
	transform: scale(1);
}
.b2b-result-scenarion .heading-section{
    padding-bottom: 23px;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: var(--textcolor);
    }
.great-people-heading-second{
    padding-bottom: 18px;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: var(--textcolor);    
}   

/* Liam fixes */

.ratio {position:relative;--bs-aspect-ratio:56.25%;width:100%;overflow:hidden;}
.ratio:before {display:block;padding-top:56.25%;content:'';}
.ratio >* {position:absolute;top:0;left:0;width:100%;height:100%;object-position:center;}

.gform_required_legend {display:none;}


body.single-case_study .counter.container {background:transparent;margin-top:0;padding-top:0;}

#video-popup .popup-content {padding:0;}
#video-popup .popup-content .close-popup {display:flex;align-items:center;justify-content:center;width:30px;height:30px;z-index:2;top:-15px;right:-15px;background:#fff;border-radius:100%;font-size:32px;line-height:100%;}
#video-popup .popup-content .close-popup:hover {background:var(--buttoncolor);color:var(--textcolor);}
#video-popup .popup-content video, #video-popup .popup-content iframe {display:block;}

.gform_confirmation_message {font-size:20px;color:var(--whitecolor);line-height:125%;font-weight:bold;}