/* #loading-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
}

#loading-screen-inner {
  width: calc(100% - 30px);
  height: calc(100% - 30px);
  max-width: 1400px;
  background: linear-gradient(135deg, #ff9800 0%, #f06292 50%, #7986cb 100%);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

#loading-animation {
  width: 100px;
  height: 100px;
  margin-bottom: 20px;
}

#loading-text {
  color: white;
  font-family: sans-serif;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  max-width: 80%;
  text-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

#loading-screen.hidden {
  opacity: 0;
  visibility: hidden;
} */

@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');

/* Font Face Declarations */
@font-face {
  font-family: "Galano Grotesque";
  src: url("../../fonts/GalanoGrotesqueRegular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Galano Grotesque";
  src: url("../../fonts/GalanoGrotesqueLight.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Galano Grotesque";
  src: url("../../fonts/GalanoGrotesqueMedium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Galano Grotesque";
  src: url("../../fonts/GalanoGrotesqueSemiBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Galano Grotesque";
  src: url("../../fonts/GalanoGrotesqueBold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

#wpadminbar {
	display: none !important;
}

html, body {
  scroll-behavior: smooth;
}
html {
	margin-top: 0 !important;	
}

body {
  scroll-behavior: smooth;
  background-color: #F2F2F2;
  font-family: "Archivo", sans-serif;
  font-optical-sizing: auto;
  margin: 0;
  font-size: 16px;
	color: #000;
}

a {
	text-decoration: none;
}

ul {
	margin-left: 0;
}

.desktop-none {
	display: none;
}

#top-section {
	padding-left: 30px;
	padding-right: 30px;

}

nav.navbar.navbar-expand-lg.navbar-dark.bg-transparent {
	z-index: 9999;
}

.nav-main {
	padding-top: 50px !important;
}

@media only screen and (max-width: 991px) {
	.res-none {
		display: none;
	}
	.desktop-none {
		display: block;
	}

	.process-card {
		width: auto !important;
		height: auto !important;
	}

	#lets-go {
		padding-top: 80px !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
		padding-bottom: 150px !important;
	}
}

/* @media only screen and (max-width: 767px) {
	.branding-video-right {
		display: none;
	}
	
} */

@media only screen and (max-width: 1200px) {
	
	.number-circle {
		width: 100px;
		height: 100px;
		min-width: 100px;
		min-height: 100px;
	}
	.process-wrap {
		flex-wrap: wrap;
	}
	.process-card {
		width: 47%;
    	text-align: center;
	}
}

.nav-main {
	padding-left: 15px;
	padding-right: 15px;
}

.pt-0 {
	padding-top: 0 !important;
}

body .wrap .nav-main {
/*   	background-image: url("/wp-content/uploads/2025/02/BACKGROUND_w_LIGHT-scaled.webp"); */
	border-radius: 30px;
	margin-top: 15px !important;
	margin-bottom: 15px !important;
 	background-color: rgba(242, 242, 242, 1);
 	width: calc(100vw - 32px);
  	margin: 0 auto;
 	height: 100vh;
  	background-size: cover;
	background-position: 50% 50%;
  	transition: background-image 0.5s ease, transform 0.3s ease;
	
	height: calc(100vh - 30px);
	
}

.nav-main {
	background-position: 50% 50% !important;
}

body .wrap .nav-main .navbar {
  width: 100%;
}

body .wrap .nav-main.banner-vegas {
/* 	background-image: url(/wp-content/uploads/2025/02/LASVEGAS_4.webp); */
    border-radius: 30px;
    margin-top: 15px !important;
    background-color: rgba(242, 242, 242, 1);
    width: calc(100vw - 32px);
    margin: 0 auto;
    height: 100vh;
    background-size: cover;
    transition: background-image 0.5s ease, transform 0.3s ease;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Galano Grotesque", sans-serif !important;
}

/*-----------------Hero Section----------------------*/
#business.project-cls, #testimonial, #companies-scale, #digital-marketing {
	padding-top: 100px !important;
}
#digital-marketing {
	background: #000;
	margin-top: 100px;
	padding-bottom: 100px !important;
}
.mt-0 {
	margin-top: 0 !important;
}
#approach {
	background: #000;
	padding-bottom: 100px !important;
}
.fs-130 {
	font-size: 130px;
	line-height: 130px;
	font-weight: 500;
}

.text-heading {
	font-size: 60px;
	line-height: 65px;
	font-weight: 600;
}
.capitalize {
	text-transform: capitalize;
}
video.branding-video-right {
    border-radius: 10px !important;
    overflow: hidden !important;
}
.video-slider {
	border: 2px solid rgba(152, 152, 152, 1);
	border-radius: 30px;
	padding: 150px;
}
.width-870 {
	width: 100%;
	max-width: 870px;
	position: absolute;
	right: 0;
}
.width-1150 {
	width: 100%;
	max-width: 1150px;
}
.astronaut {
	width: 100%;
	max-width: 700px;
	transform: translateY(30px);
}
.cat {
	width: 100%;
	max-width: 500px;
	position: absolute;
	bottom: 0px;
	right:0;
	z-index:1;
}
.shadow-cat {
	width: 100%;
	max-width: 400px;
	position: absolute;
	bottom: -40px;
	z-index: 0;
}
.puppy {
	width: 100%;
	max-width: 280px;
	position: absolute;
	top: 0;
	right: 60px;
}
.relative {
	position: relative;
}
.mt-60 {
	margin-top: 90px;
}
.company {
	display: flex;
	align-items: center;
	justify-content: center;
}
.color-black {
	color: #000;
}
.color-white {
	color: #fff !important;
}
.call {
	width: 22px;
	height: 22px;
	min-height: 22px;
	min-width: 22px;
}
.branding-image, .branding-video-righ {
	border-radius: 10px !important;
	overflow: hidden !important;
}
.service-content {
	padding-top: 60px;
}
.w-65 {
	width: 65% !important;
}
.outline {
	border: 1px solid rgba(203, 198, 198, 1);
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 150px;
}
.chat {
	width: 100%;
	max-width: 350px;
}
.testimonial-card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.testimonial-grid {
    display: grid;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr 1fr;
}
.planning-grid {
	display: grid;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
}
.planning-grid.two-block {
	display: grid;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
	padding-top: 20px;
}
.accordion-item, .accordion-item:first-of-type, .accordion-item:last-of-type .accordion-button.collapsed, .accordion-item:first-of-type .accordion-button, .accordion-item:last-of-type .accordion-collapse {
	background: #000;
}
#review-id {
	padding-top: 100px !important;
	padding-bottom: 100px !important;
}
.planning-grid.three-block {
	display: grid;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
}
.planning-grid.three-block.bg-black {
	background: #000;
}
.flex-number {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 20px;
}
.pt-100 {
	padding-top: 100px !important;
}
.pb-100 {
	padding-bottom: 100px !important;
}
.mb-150 {
	margin-bottom: 150px;
}
.gradient-about {
	background: linear-gradient(90deg, #F7941D 0%, #E020EF 10%, #9241D7 20%, #499BFE 30%);
	-webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gradient {
	background: linear-gradient(92.54deg, #F7941D 0%, #E020EF 33%, #9241D7 66%, #499BFE 100%);
	-webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.width-580 {
	width: 100%;
	max-width: 580px;
}
.slick-block {
	width: 100%;
}
.planning-grid.lv {
	display: grid;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr 1fr;
}
.review-grid {
	display: grid;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
}
.review-wrap {
	background: #fff;
	padding: 35px;
	border-radius: 20px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
}
.color-blue {
	color: rgba(94, 153, 247, 1);
	margin-left: 30px;
}
.width-730 {
	max-width: 730px;
	width: 100% !important;
	margin-left: auto;
	margin-right: auto;
}
.width-570 {
	max-width: 570px;
	width: 100% !important;
	margin-left: auto;
	margin-right: auto;
}
.case-study-card {
	border-radius: 30px;
	border: 2px solid rgba(152, 152, 152, 1);
	padding: 118px 50px 50px 50px;
	transition: all .3s;
	height: 100%;
}
.case-study-review {
	padding: 156px 80px 50px 60px;
	border: 2px solid rgba(152, 152, 152, 1);
	border-radius: 30px;
	display: flex;
	justify-content: space-between;
	gap: 40px;
	margin-bottom: 20px;
}
.text-yellow {
	color: rgba(247, 148, 29, 1);
}
.link-text {
	text-decoration: underline;
}
#insight {
	padding-top: 100px;
}

.inside-grid {
	display: grid;
	grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr 1fr;
}
.logo-grid {
	display: grid;
	grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
}
.logo-grid.four-logo {
	display: grid;
	grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
	align-items: center;
}
.logo-grid div {
	display: flex;
	align-items: center;
	justify-content: center;
}
.semrush {
	width: 100%;
	max-width: 120px;
}
.semrush.small {
	width: 100%;
	max-width: 90px;
}
.ps {
	width: 100%;
	max-width: 50px;
}
.chatgpt {
	width: 100%;
	max-width: 170px;
}
.figma {
	width: 100%;
	max-width: 88px;
}
.ai {
	width: 100%;
	max-width: 51px;
}
.google {
	width: 100%;
	max-width: 145px;
}
.mailchimp {
	width: 100%;
	max-width: 88px;
}
.zoho {
	width: 100%;
	max-width: 100px;
}
.high {
	width: 100%;
	max-width: 220px;
}
.zapier {
	width: 100%;
	max-width: 110px;
}
.hubspot {
	width: 100%;
	max-width: 170px;
}
.klaviyo {
	width: 100%;
	max-width: 170px;
}
.minus50 {
	margin-top: -50px;
}
.insight-block {
	overflow: hidden;
	height: 100%;
}
.insight-img {
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	object-fit: cover;
	width: 100%;
}
.insight-content {
	border-top: none;
	border: 2px solid rgba(152, 152, 152, 1);
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	padding: 30px;
}
.insight-content p {
	height: 65px;
}
.work-process {
	background: rgba(20, 20, 20, 1);
	border-radius: 30px;
	padding: 25px;
}
.case-grid {
	display: grid;
	grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr 1fr;
	align-items: stretch;
	grid-auto-rows: 1fr;
}
.case-grid.three-case {
	grid-template-columns: 1fr 1fr 1fr;
}
.case-study-card.pt-50 {
	padding-top: 50px !important;
}
.case-study-title {
	font-size: 24px;
	font-weight: 300;
	line-height: 26.11px;
	color: #fff;
	margin-bottom: 20px;
	text-transform:uppercase;
}
.performance-grid {
	display: grid;
	grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr 1fr;
	align-items: stretch;
	grid-auto-rows: 1fr;
}
.performance-card {
	padding: 30px 30px 50px 30px;
	border-radius: 30px;
}
.performance-card.one {
	background-color: rgba(146, 65, 216, 1);
}
.performance-card.two {
	background-color: rgba(247, 148, 29, 1);
}
.performance-card.three {
	background-color: rgba(94, 153, 247, 1);
}
.percentage-text {
	background: #fff;
	padding: 7px 20px;
	border-radius: 50px;
	color: black;
	font-weight: 500;
	font-size: 18px;
	line-height: 18px;
}
.justify-between {
	justify-content: space-between !important;
	align-items: flex-start;
}
.graph {
	width: 100%;
	max-width: 150px;
	margin-top: 50px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
}
.result-num, .sign {
	display: inline-block;
	font-size: 100px;
	font-weight: 700;
	line-height: 108.8px;
	margin-bottom: 20px;
	color: #fff;
}
.result-num::after {
	content: "%";
	display: inline-block;
}
.result-num.plus::after {
	content: "+";
	display: inline-block;
}
.result-num.x::after {
	content: "x";
	display: inline-block;
}
.abc-img {
	width: 100%;
	max-width: 105px;
}
.result-num.plus {
    background: linear-gradient(101.35deg, #F7941D 0%, #E020EF 96.7%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.intro-img {
	width: 100%;
	max-width: 109px;
}
.num-card {
	padding: 130px 30px 60px 30px;
	border: 2px solid rgba(152, 152, 152, 1);
	border-radius: 30px;
	display: flex;
	flex-direction: column;
	align-items:center;
	justify-content: center;
	height: 100%;
}
.case-study-description {
	font-size: 30px;
	font-weight: 400;
	line-height: 32.64px;
	color: #fff;
	margin-bottom: 45px;
}
.case-study-industry {
	font-size: 20px;
	font-weight: 300;
	line-height: 21.76px;
	color: #fff;
	text-transform:uppercase;
}
.result-num.one {
	background: linear-gradient(101.35deg, #F7941D 0%, #E020EF 96.7%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.result-num.two {
	background: linear-gradient(101.35deg, #E020EF 0%, #9241D8 96.7%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.result-num.third {
	background: linear-gradient(101.35deg, #E01FEF 0%, #9241D7 96.7%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.result-num.four {
	background: linear-gradient(101.35deg, #9241D8 0%, #5F98F7 96.7%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.width-945 {
	width: 100%;
	max-width: 1010px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
}
#planig-testing {
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	background: rgba(146, 65, 216, 1);
	padding: 150px 35px;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
}
.bg-black {
	background: #000;
}
.about-flex {
	display: flex;
	gap: 35px;
	align-items: flex-start;
}
.about-title {
	font-size: 36px;
	font-weight: 400;
	line-height: 40px;
	color: #fff;
	margin-bottom: 15px;
}
.about-icon {
	width: 40px;
	height: 40px;
	min-width: 40px;
	min-height: 40px;
}
#about {
	padding: 100px 50px !important;
}
.flex {
	display: flex;
}
.gap-80 {
	gap: 80px;
}
.horizon {
	border: 1px solid rgba(51, 51, 51, 1);
	height: 1px;
	width: 100%;
	margin: 35px 0;
}
#lets-go {
	padding: 100px 30px;
	background: #000;
	padding-top: 50px;
}
.fs-100 {
	font-size: 90px;
	line-height: 100px;
	margin-top: 16px;
	margin-bottom: 50px;
}
.let-btn {
	background: #fff !important;
	border-radius: 40px;
	color: #000 !important;
}
.absolute-img {
	position: absolute;
	top: 38%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	max-width: 527px;
	min-width: 527px;
	z-index: -1;
}
.radius {
	border-radius: 10px;
}
.footer {
	background: #000;
	padding-top: 80px !important;
}
.width-1200 {
	width: 100%;
    max-width: 1200px;
}
.footer-logo {
	max-width: 175px;
	width: 100%;
}

.list-unstyled li a {
	color: #fff !important;
}
#branding, #web-design, #marketing-strategy {
	border-radius: 30px !important;
}
.width-620 {
	width: 100%;
	max-width: 620px;
}
.width-320 {
	width: 100%;
	max-width: 320px;
}
.width-782 {
	width: 100% !important;
	max-width: 782px !important;
}
.width-560 {
	width: 100%;
	max-width: 560px;
}
.justify-between {
	justify-content: space-between;
}
.gap50 {
	gap: 50px;
}
.group-lines {
	width: 100%;
	object-fit: cover;
	position: absolute;
	top: 70%;
	height: 100%;
	left: 0;
	z-index: -1;
	transform: translateY(-50%);
}
/*---------------------------------Carousel---------------------------------*/
.carousel-inner {
	border-radius: 20px !important;
}
.carousel-indicators button, .carousel-indicators [data-bs-target] {
	width: 5px !important;
	height: 5px !important;
	border-radius: 50% !important;
	background: rgba(217, 217, 217, 1) !important;
	border: none !important;
}
.carousel-indicators .active {
	background: rgba(146, 65, 216, 1) !important;
}
/*---------------------------------Branding Page----------------------------*/
#branding-business, #faq {
	padding: 100px 0 !important;
}

.brand-block {
	background: #fff;
	border-radius: 20px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	padding: 35px 35px 40px 35px;	
	text-align: left;
}
.brand-icon {
	width: 35px;
	height: 35px;
	max-width: 35px;
	max-height: 35px;
}
.fs-80 {
	font-weight: 500;
	font-size: 80px;
	line-height: 90px;
	letter-spacing: 0%;
}
.fs-26 {
	font-size: 26px;
	line-height: 28px;
}
.fs-40 {
	font-size: 40px;
	line-height: 43px;
}
.fs-24 {
	font-size: 24px;
	line-height: 26px;
}
.fs-26 {
	font-size: 26px;
	line-height: 28px;
}
#branding {
	padding: 100px 0;
}
.font-archivo, body {
	font-family: "Archivo", sans-serif !important;
}
.font-galano {
	font-family: "Galano Grotesque", sans-serif !important;
	font-weight: 700;
}
.font-grey {
	color: rgba(100, 100, 100, 1);
}
.arrow {
	display: none;
	width: 44px;
	height: 44px;
	max-width: 44px;
	max-height: 44px;
}
.fw-300 {
	font-weight: 300;
}
.link-flex {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	flex-wrap: wrap;
}
.branding-btn, .nav>li>a {
	border: 1px solid #000;
	border-radius: 40px;
	padding: 9px 24px;
	text-align: center;
	color: #000;
	font-size: 16px;
	line-height: 20px;
	text-transform: capitalize;
	text-decoration: none;
}
.branding-btn.active, .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
	color: #fff;
	background: #000;
}
.brand-content {
	display: flex;
	justify-content: space-between;
	background: #fff;
	border-radius: 30px;
	padding: 35px;
	padding-bottom: 70px;
	gap: 20px;
	text-decoration: none;
}


.align-top {
	align-items: flex-start !important;
}
.brand-content.strategy {
	margin-top: -50px;
	box-shadow: 0px -13px 20px 0px rgba(247, 148, 29, 0.1);
}
.brand-content.design {
	margin-top: -50px;
	box-shadow: 0px -13px 20px 0px rgba(146, 65, 215, 0.1);
}
.brand-content.rebranding {
	margin-top: -50px;
	box-shadow: 0px -13px 20px 0px rgba(73, 155, 254, 0.1);
}
.brand-content.creative {
	margin-top: -50px;
	box-shadow: 0px -13px 20px 0px rgba(224, 32, 239, 0.1);
}
.brand-content.website {
	margin-top: -50px;
	box-shadow: 0px -13px 20px 0px rgba(247, 148, 29, 0.1);
}
.brand-content.social {
	margin-top: -50px;
	box-shadow: 0px -13px 20px 0px rgba(146, 65, 215, 0.1);
}
.brand-content.packaging {
	margin-top: -50px;
	box-shadow: 0px -13px 20px 0px rgba(95, 152, 247, 0.1);
	padding-bottom: 50px !important;
}
.vertical-flex {
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: end;
	width: 100%;
	max-width: 450px;
}
.vertical-flex p {
	padding-right: 40px;
	width: 80%;
}
.justify-start {
	justify-content: flex-start;
}
.brand-content div:first-child {
	width: 100%;
	max-width: 800px;
}
.case-subtitle {
	color: rgba(247, 148, 29, 1);
}
.pt-50 {
	padding-top: 50px !important;
}
.margin-auto {
	margin: 0 auto;
}
.uppercase {
	text-transform: uppercase;
}
#about-branding {
	padding-top: 100px;
	padding-bottom: 100px;
}
.accordion-button::after {
  background-image: url("https://www.smartboost.com/wp-content/uploads/2025/02/plus.png") !important;
  transition: all 0.5s;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("https://www.smartboost.com/wp-content/uploads/2025/02/Minus.png") !important;
}
.accordion-button::after {
  transition: all 0.5s;
}
.accordion-button, .accordion-body {
	background: #000 !important;
	color: #fff !important;
}
.accordion-body.fs-18 {
	color: rgba(191, 191, 191, 1) !important;
}
.accordion-item, .accordion-item:first-of-type, .accordion-item:last-of-type .accordion-button.collapsed, .accordion-item:first-of-type .accordion-button, .accordion-item:last-of-type .accordion-collapse {
	border: none !important;
	border-radius: 0 !important;
}
.accordion-button:not(.collapsed) {
	box-shadow: none !important;
	border: none !important;
}
.accordion-header, .accordion-item {
	border: none !important;
}
.accordion-item {
  border: none !important;
}

.accordion-button {
  border: none !important;
  box-shadow: none !important;
}

.accordion-button:not(.collapsed) {
  box-shadow: none !important;
}
.accordion, .accordion-body  {
  border: none !important;
}
.accordion-body {
	padding-top: 0;
}
.horizon.one {
	margin: 0 auto;
}
#process-section {
	padding-top: 100px !important;
	position: relative !important;
	padding-right: 0 !important;
	overflow: hidden;
}
/*.point-card-glow {
	background: linear-gradient(63.7deg, #F7941D 0%, #E020EF 33%, #9241D8 66%, #499BFE 100%);
	border-radius: 30px;
	padding: 2px;
	filter: brightness(120%);
	backdrop-filter: blur(15px);
}*/
.point-card-glow {
	width: 100%;
  padding: 2px;
  position: relative;
  z-index:1;
  border-radius: 30px;
  background-color: #000;
  background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%); 
  margin-right:25px;
  filter: brightness(100%);
}

.point-card-glow:before {
  z-index:-1;
  position: absolute;
  width: 100%;
  height: 100%;
  content:"";
  left:0px;
  top:0;
  background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%); 
  filter: blur(20px);
  
}
.inner {
	width: 100%;
	height: 100%;
	background: #000;
	padding: 50px;
	border-radius: 30px;
}
.point-card {
	padding: 50px;
	border-radius: 30px;
	border: 2px solid rgba(152, 152, 152, 1);
}
.check-list {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 15px;
}
.check {
	width: 24px;
	height: 24px;
	margin-top: 5px;
}
.sticky-div {
  position: sticky;
  top: 0;
  z-index: 10;
}
.sticky-div-title {
	/*position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: auto;
	z-index: 300;*/
}

/* HORIZONTAL SCROLL */

.the-content {
	width: 240vw;
	display: flex;
	flex-wrap: nowrap;
}
.panel {
  min-width: 60vw;
  overflow: hidden;
/*   height: 100%; */
}
.process-wrap {
	display: flex;
	align-items: start;
	justify-content: start;
	padding: 50px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
	gap: 30px;
	margin-right: 20px;
}
.process-wrap.center {
	align-items: center;
}
.timeline {
	width: 100%;
	margin-top: 30px;
	position: absolute;
	bottom: 0;
}
.black-line {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30px 0;
	margin-top: 30px;
}

.week {
	padding: 10px 20px;
	border: 1px solid #000;
	border-radius: 5px;
	background: rgba(244, 244, 244, 1);
	position: absolute;
	left: 50%;
	top: 5px;
	transform: translatex(-50%);
	z-index: 10;
}

.inline-line {
	height: 1px;
	width: 100%;
/* 	border: 1px solid #000; */
	
	margin-top: -7px;
	
}

.number-circle {
	width: 170px;
	height: 170px;
	min-width: 170px;
	min-height: 170px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	color: #fff;
	font-size: 30px;
	line-height: 32px;
	font-weight: 500;
}

.number-circle.small {
	width: 60px;
	height: 60px;
	min-width: 60px;
	min-height: 60px;
	font-size: 20px;
	line-height: 22px;
	font-weight: 500;
}

.number-circle.one {
	background: linear-gradient(360deg, #FF8E00 0%, #F500F6 189.24%, #9E3AE0 378.47%, #499BFE 573.45%);
}
.number-circle.two {
	background: linear-gradient(360deg, #FF8E00 -157.06%, #F400F7 30.96%, #9E3AE0 218.99%, #489BFE 412.71%);
}
.number-circle.three {
	background: linear-gradient(360deg, #FF8E00 -320.34%, #F400F7 -130.08%, #9E3AE0 60.19%, #499BFE 256.21%);
}
.number-circle.three-blue {
	background: linear-gradient(360deg, #FF8E00 -320.34%, #F400F7 -77.97%, #9E3AE0 164.41%, #499BFE 414.12%);
}
.number-circle.four {
	background: linear-gradient(360deg, #FF8E00 -464.41%, #F500F6 -278.15%, #9E3AE0 -91.9%, #499BFE 100%);
}
.number-circle.five {
	background: linear-gradient(360deg, #FF8E00 -320.34%, #F400F7 -77.97%, #9E3AE0 164.41%, #499BFE 414.12%);
}
.number-circle.five-blue {
	background: linear-gradient(360deg, #FF8E00 -626.55%, #F500F6 -386.79%, #9E3AE0 -147.03%, #499BFE 100%);
}
.number-circle.four-blue {
	background: linear-gradient(360deg, #FF8E00 -464.41%, #F500F6 -225.76%, #9E3AE0 12.88%, #499BFE 258.76%);
}
.number-circle.four-purple {
	background: linear-gradient(90deg, #FF8E00 -464.41%, #F500F6 -225.76%, #9E3AE0 12.88%, #499BFE 258.76%);
}
.process-card-flex {
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 10px;
	flex-wrap: wrap;
}
.process-card {
	padding: 9px 10px;
	background: #000;
	color: #fff;
	font-size: 16px;
	line-height: 18px;
	border-radius: 5px;
	margin-bottom: 0 !important;
	text-transform: capitalize;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Horizontal Scroll */

.horizontal-scroll {
	background-color: #F2F2F2 !important;
	overflow: hidden;
	height: 100vh;
}

.horizontal-scroll__inner {
	display: flex;
	align-items: center;
	height: 100%;
}

.horizontal-text {
	color: white;
	width: 50%;
	padding: 50px;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
}

.horizontal-text-heading {
	height: 100%;
	position: fixed;
	padding-left: 10%;
	transition: top 0.3s ease;
}

.horizontal-text__title {
	font-size: 60px;
}

.horizontal-text__title::after {
	content: "";
	height: 4px;
	width: 100px;
	display: block;
	background: white;
	position: relative;
	bottom: -3rem;
}

.horizontal-text__description {
	font-family: "Inconsolata", monospace;
}

#digital-marketing {
	margin-top: 0;
}

.process-wrap {
	min-height: 353px;
}

.horizontal-text-heading {
	position: fixed;
	top: 10vh;
	left: 0%;
	transform: translateX(-50%);
	z-index: 1;

	position: absolute;
	transform: translateX(-50%) !important;
	left: 50%;
	top: 5%;
	padding: 0;
	font-size: 40px !important;
	line-height: 1.25em !important;

	top: initial;
	bottom: 10%;
	height: 100vh;
	margin: 0 !important;
	height: initial;

}

.panel {
	background-color: #fff;
	border-radius: 20px;
	margin: 20px;
	height: initial;
}

.process-wrap {
	flex-direction: column;
	margin: 0;
	background-color: transparent;
	position: relative;
	height: 100%;
	padding: 50px;
}

.process-wrap-container {
	display: flex;
}

.process-content {
	margin-left: 25px;
}

.black-line {
	width: 100%;
/* 	background-color: #f5f5f5; */
/* 	position: absolute; */
	left: 0;
	margin: 0;
/* 	bottom: -80px; */
}

.the-content .panel:nth-of-type(1) {
	padding-left: initial !important;
	margin-left: 50px;
}

.the-content .panel:nth-of-type(4) {
	padding-right: initial !important;
	margin-right: 50px;
}

.horizontal-scroll {
	position: relative;
}

/* */

.fs-30 {
	font-size: 30px;
	line-height: 32px;
}
.form-control {
	background: transparent !important;
	border: none !important;
	border-bottom: 1px solid #fff !important;
	border-radius: 0!important;
	color: #fff !important;
}
::placeholder, ul.list-unstyled.mb-0.d-flex.align-items-center.justify-content-center.gap-3 li a {
	color: rgba(196, 196, 196, 1) !important;
}
::placeholder:focus {
	color: #fff !important;
}
input:focus {
	color: #fff !important;
}
button.btn.btn-light.w-100.fw-medium {
	border-radius: 50px !important;
	margin-top: 30px !important;
}
.pin-wrap {
  height: 100vh;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 50px 10vw;
}
.ufo-image {
	width: 100%;
	max-width: 100%;
	border-radius: 30px;
	overflow: hidden;
}
.team-wrap {
	border-radius: 30px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
}
.bg-blacklight {
	width: 100%;
	max-width: 595px;
	background: rgba(24, 24, 24, 1) !important;
	border-radius: 15px;
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: end;
	padding-bottom: 20px;
}
.cat-marketing {
	width: 100%;
	max-width: 320px;
	margin-top: -140px;
}
.width-595 {
	width: 100%;
	max-width: 595px;
}
.width-660 {
	width: 100%;
	max-width: 660px;
}
.about-team {
	padding: 15px 30px;
	display: flex;
	flex-direction: column;
	gap: 5px;
	align-items: center;
	justify-content: center;
}
.color-purple {
	color: rgba(224, 32, 239, 1);
	text-align: center;
}
.core-image {
	width: 100%;
	object-fit: cover;
}
#team {
	padding-bottom: 100px;
	padding-top: 100px;
}
.color-violet {
	color: rgba(146, 65, 216, 1);
}
@media only screen and (max-width: 1200px) and (min-width: 991px) {
	.fs-130 {
		font-size: 80px;
		line-height: 90px;
	}
	.width-870 {
		width: 100%;
		max-width: 620px;
	}
	.astronaut {
		max-width: 500px;
		transform: translateY(85px);
	}
	.cat {
		max-width: 300px;
		bottom: -80px;
	}
	.puppy {
		max-width: 230px;
	}
}
@media only screen and (max-width: 990px) {
	.fs-130 {
		font-size: 80px;
		line-height: 90px;
	}
	.width-870 {
		width: 100%;
		max-width: 620px;
		position: relative;
	}
	.astronaut {
		max-width: 450px;
		transform: translateX(-60px);
	}
	.cat {
		max-width: 250px;
		bottom: 0px;
	}
	.puppy {
		max-width: 200px;
	}
}
@media only screen and (max-width: 540px) {
	.astronaut {
        max-width: 300px;
        transform: translateX(-60px);
    }
	.cat {
		max-width: 180px;
	}
	.puppy {
        max-width: 150px;
		right: 30px;
    }
}
.pl-42 {
	padding-left: 42px;
}
/*Responsive*/
@media only screen and (max-width: 769px) {
	#top-section {
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 15px;
	}
	.col-reverse {
		flex-direction: column-reverse;
	}
	#image-parent {
		margin-top: 40px;
	}
	.link-flex {
		justify-content: flex-start !important;
	}
	.process-wrap.center {
		min-height: auto;
	}
	div#carouselExample {
		margin-top: 30px;
	}
	.outline {
		padding: 40px !important;
		margin-bottom: 30px;
	}
	.pl-42 {
		padding-left: 0px;
	}
	.process-wrap {
		padding: 25px !important;
	}
	.process-content {
		margin-left: 0 !important;
	}
	.the-content .panel:nth-of-type(4) {
		margin-right: 20px !important;
	}
	.gap-80 {
		gap: 40px;
	}
	.mt-60 {
		margin-top: 0;
	}
	/*Branding*/
	#branding-business {
		padding: 80px 0 !important;
	}
	.transparent-btn {
		height: auto;
	}
	.semrush {
		width: 100%;
		max-width: 89px;
	}
	.ps {
		width: 100%;
		max-width: 40px;
	}
	.chatgpt {
		width: 100%;
		max-width: 100px;
	}
	body .wrap .keyhighlight .inner-counter {
		padding: 20px !important;
	}
	.figma {
		width: 100%;
		max-width: 88px;
	}
	.ai {
		width: 100%;
		max-width: 40px;
	}
	.google {
		width: 100%;
		max-width: 100px;
	}
	.vertical-flex p {
		padding-right: 0;
    	width: 100%;
	}
	.the-content .panel:nth-of-type(1) {
		padding-left: 0 !important;
	}
	.the-content .panel:nth-of-type(1) {
		margin-left: 0 !important;
	}
	#team {
		padding-bottom: 80px !important;
		padding-top: 80px !important;
	}
	#process-section {
		padding: 80px 15px !important;
	}
	.num-card {
		padding: 30px;
	}
	.intro-img {
		width: 100%;
		max-width: 60px;
	}
	.cat-marketing {
		width: 100%;
		max-width: 250px;
		margin-top: 0;
	}
	.pt-100 {
		padding-top: 60px !important;
	}
	.pb-100 {
		padding-bottom: 60px !important;
	}
	#review-id {
		padding-top: 80px !important;
		padding-bottom: 80px !important;
	}
	.process-card {
		font-size: 14px;
    	line-height: 14px;
	}
	.the-content {
		overflow: auto;
		width: 100%;
	}
	.sticky-div-title {
		position: static;
	}
	.scroll-inner {
		margin-top: 40px;
	}
	.panel {
	  min-width: 350px;
	  overflow: hidden;
	  height: 100%;
		margin-right: 20px;
	}
	.process-wrap {
		padding: 25px;
		flex-wrap: wrap;
		min-width: 350px;
	}
	.planning-grid.three-block, .review-grid {
		grid-template-columns: 1fr;
    	grid-auto-columns: 1fr;
	}
	.planning-grid.lv, .case-grid.three-case {
		grid-template-columns: 1fr;
		grid-auto-columns: 1fr;
	}
	.logo-grid {
		display: grid;
		grid-column-gap: 20px;
		grid-row-gap: 20px;
		grid-template-columns: 1fr 1fr;
		grid-auto-columns: 1fr;
	}
	.video-slider {
		padding: 80px 15px;
	}
	.mb-150 {
		margin-bottom: 30px !important;
	}
	.number-circle {
		width: 60px;
		height: 60px;
		min-width: 60px;
		min-height: 60px;
		font-size: 18px;
   	 	line-height: 22px;
	}
	.branding-btn {
		min-width: 200px;
    	max-width: 200px;
		font-size: 14px;
		line-height: 16px;
	}
	.link-flex {
		flex-wrap: nowrap;
		overflow: auto;
		padding-bottom: 8px;
	}
	#testimonial {
		padding-bottom: 80px !important;
	}
	#insight {
		padding-top: 80px !important;
	}
	.inside-grid, .performance-grid {
		display: grid;
		grid-column-gap: 20px;
		grid-row-gap: 20px;
		grid-template-columns: 1fr;
		grid-auto-columns: 1fr 1fr;
	}
	.case-study-review {
		flex-wrap: wrap;
		padding: 20px;
	}
	.graph {
		width: 100%;
		max-width: 80px;
		margin-top: 20px;
		margin-bottom: 10px;
		margin-left: auto;
		margin-right: auto;
	}
	.insight-content {
		padding: 20px;
	}
	.insight-content p {
		height: auto;
	}
	.fs-30 {
		font-size: 20px;
    	line-height: 22px;
	}
	#process {
		padding-top: 80px !important;
	}
	#about-branding {
		padding: 80px 0 !important;
	}
	button.accordion-button.fs-22.fw-500 {
    	padding: 16px 0;
		font-size: 18px !important;
	}
	.accordion-body.fs-18 {
		padding: 0 0 20px 0;
	}
	.brand-content {
		flex-wrap: wrap;
		padding: 25px;
		padding-bottom: 70px;
	}
	.fs-80 {
		font-size: 40px;
		line-height: 40px;
		letter-spacing: 0;
	}
	.fs-26 {
		font-size: 20px;
		line-height: 20px;
	}
	.fs-24 {
		font-size: 16px !important;
		line-height: 18px;
	}
	.planning-grid, .testimonial-grid {
		grid-template-columns: 1fr;
	}
	#key-highlight {
		width: 92% !important;
		padding: 40px 0 !important;
	}
	.flex {
		flex-wrap: wrap;
		gap: 30px;
	}
	#about {
		padding: 80px 15px !important;
	}
	body .wrap .keyhighlight .inner-counter h4, body .wrap .planig-testing .inner-card h3 {
		font-size: 20px !important;
	}
	body .wrap .keyhighlight .inner-counter p {
		font-size: 30px !important;
	}
	.fs-28 {
		font-size: 16px !important;
		line-height: 24px !important;
	}
	.about-title {
		font-size: 18px;
		line-height: 25px;
	}
	.about-icon {
		width: 30px;
		height: 30px;
		min-width: 30px;
		min-height: 30px;
	}
	.text-heading {
		font-size: 35px;
    	line-height: 42px;
	}
	.about-flex {
		gap: 20px;
	}
	.horizon {
		margin: 15px 0;
	}
	.fs-100 {
		font-size: 40px;
		line-height: 40px;
		margin-top: 10px;
		margin-bottom: 30px;
	}
	
	#planig-testing {
		padding: 40px 20px !important;
		width: 92%;
		padding-bottom: 40px !important;
		border-radius: 30px;
	}
	#business.project-cls, #testimonial, #companies-scale, #digital-marketing {
		padding-top: 80px !important;
	}
	body .wrap .planig-testing .inner-card {
		padding: 20px !important;
	}
	.result-num, .sign {
		font-size: 50px;
		line-height: 50px;
	}
	.case-study-description {
		font-size: 16px;
		margin-bottom: 20px;
	}
	.case-grid {
		display: grid;
		grid-column-gap: 20px;
		grid-row-gap: 20px;
		grid-template-columns: 1fr;
		grid-auto-columns: 1fr 1fr 1fr 1fr;
	}
	.case-study-title {
		font-size: 18px;
		line-height: 25px;
	}
	.fs-20 {
		font-size: 16px !important;
		line-height: 24px !important;
	}
	body .wrap section {
		padding: 60px 15px !important;
		padding-bottom: 0 !important;
	}
	.case-study-card {
		padding: 20px;
	}
	.case-study-industry {
		font-size: 16px;
		line-height: 20px;
	}
	#digital-marketing {
		margin-top: 20px;
		padding-bottom: 80px !important;
	}
	body .wrap .testimonial .testimonial-card {
		padding: 20px !important;
	}
	.fs-130 {
		font-size: 50px;
		line-height: 50px;
		letter-spacing: 0px;
	}
	.absolute-img {
		max-width: 100%;
    	min-width: 100%;
	}
	body .wrap .planig-testing .inner-card h3 {
		font-size: 22px;
		line-height: 30px;
		text-align: left;
	}
	main section.animate-data {
		position: relative !important;
		min-height: auto !important;
	}
	#branding, #web-design, #marketing-strategy {
		position: relative !important;
		padding: 20px !important;
		border-radius: 20px !important;
	}
	.mt-100 {
		margin-top: 0 !important;
	}
	.section.sticky {
		max-height: max-content !important;
	}
	.w-65 {
		width: 100% !important;
	}
	#marketing-strategy {
		padding-bottom: 40px !important;
		top: 0 !important;
	}
	.min-h-450 {
    	min-height: auto !important;
	}
	.fs-60 {
		font-size: 30px !important;
		line-height: 30px !important;
	}
}

body .wrap .nav-main .navbar ul li a {
  display: inline-block;
  position: relative;
  text-decoration: none;
  padding: 10px 0;
  color: #fff;
  transition: transform 0.5s ease-in-out;
}
body .wrap .nav-main .navbar ul li a:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: 0;
  left: 0;
  background-color: #fff;
  transform: scaleX(0);
  transform-origin: bottom right;
  transition: transform 0.3s;
}
body .wrap .nav-main .navbar ul li a:hover:after {
  transform-origin: bottom left;
  transform: scaleX(1);
}
body .wrap .nav-main .navbar ul.navbar-nav {
  gap: 25px;
}
@media (max-width: 1200px) {
  body .wrap .nav-main .navbar ul.navbar-nav {
    gap: 0px;
  }
  body .wrap .nav-main .navbar ul.navbar-nav li a {
    font-size: 12px;
    padding: 10px;
  }
}
body .wrap .nav-main .banner-inner {
  min-height: 85vh;
}
body .wrap .nav-main .banner-inner .robot {
  transition: transform 0.5s ease-in-out;
  will-change: transform;
  max-width: 340px;
}
body .wrap .nav-main .banner-inner .robot:hover {
  transform: rotate(360deg);
}
body .wrap .nav-main .activate-btn {
  border: 1px solid #fff;
}

/* Sticky Header */

.navbar button {
	background-color: #000 !important;
	border-color: #000 !important;
	transition: all 0.5s ease-in-out;
}

#top-section .navbar {
	transition: all 0.5s ease-in-out;
	position: absolute;
    left: auto;
    right: auto;
    width: calc(100% - 4%);
    top: 20px;
	z-index: 1030;
	
	position: absolute;
    left: 50%;
    width: calc(100% - 4%);
    transform: translateX(-50%);
	
}
@media only screen and (max-width: 769px) {
	#top-section .navbar {
		top: 30px;
	}
}
#top-section .navbar-sticky {
	position: fixed;
	top: 15px;
/* 	left: 0;
	right: 0; */
	z-index: 1030;
	background-color: #000 !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	animation: slideDown 0.5s ease-in-out;
	padding-left: 30px;
	padding-right: 30px;
	padding: 15px 30px;
	transition: all 0.5s ease-in-out;
	width: calc(100% - 20px);
	margin: 0 auto;
/* 	margin: 0.75% 10px; */
	border-radius: 20px;
}

.navbar-sticky .nav-item a {
	color: #fff !important;
	transition: all 0.5s ease-in-out;
}

.navbar-sticky .navbar-brand img {
	transition: all 0.5s ease-in-out;
}

.navbar-sticky .typeform-trigger {
    background-color: #fff !important;
	color: #000 !important;
}

.navbar button.typeform-trigger:hover {
    background: linear-gradient(88.75deg, #60E3BD 0%, #504FF3 25%, #C31CCC 49.67%, #E71633 75%, #ED7F06 100%) !important;
    box-shadow: 0px 0px 20px 0px rgb(80, 79, 243) !important;
	border: none !important;
    transition: all 0.5s ease-in-out !important;
}

/* @keyframes slideDown {
	from {
		transform: translateY(-100%);
	}
	to {
		transform: translateY(0);
	}
} */

/* MOBILE MENU */

.nav-cta-mobile {
	display: none;
}

.navbar .menu-item a {
	font-size: 16px !important;
	color: #fff;
	
	display: block;
    padding: 8px;
	text-transform: uppercase;
    font-weight: 600 !important;
    text-decoration: none;
    background: 0 0;
    border: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

.navbar button {
	padding: 14px 28px !important;
	font-size: 16px !important;
	border: none !important;
	transition: all .5s;
}

/*body.page-home .navbar {
	width: calc(100% - 2.5%) !important;
}*/

.navbar.navbar-sticky button.typeform-trigger:hover {
	color: #fff !important;
	transition: all .5s;
}

@media (max-width: 1100px) {

	.navbar .menu-item a {
		position: relative;
		top: 2px;
	}

	.navbar button {
		position: relative;
		top: 2px;
		font-size: 13px !important;
	}

}

@media (min-width: 992px) {
	
/* 	.navbar {
		margin: 0.75% 1.25%;
		border-radius: 10px;
		padding: 15px 15px;
	} */
	
}

@media (max-width: 991px) {

	.nav-cta-mobile {
		display: block;
	}
	
	.navbar button.typeform-trigger {
		display: none;
	}
	
	.navbar button.navbar-toggler {
		padding: 8px !important;
		margin-right: 5px !important;
		border: none;
	}

	.navbar-toggler-icon {
		padding: 0;
	}
	
	.offcanvas {
		background-color: #000;
	}
	
	.navbar .menu-item a {
		font-size: 17px !important;
		color: #fff;
	}
	
	.navbar .btn-cta {
		font-weight: bold !important;
	}
	
	.navbar button {
		font-size: 16px !important;
		background-color: transparent !important;
		border: none !important;
		padding-left: 0 !important;
	}
	
	.btn-close {
		position: absolute !important;
		top: 20px !important;
		right: 20px !important;
	}
	
	.btn-close img {
		width: 25px;
	}

}

/* */

body .wrap section {
  padding: 0 30px;
  position: relative !important;
}
@media (max-width: 767px) {
  body .wrap section .branding-data .branding-data-left.w-75 {
    width: 100% !important;
  }
}
body .wrap section.branding {
  background: rgba(146, 65, 216, 1);
  padding-bottom: 100px !important;
  padding-top: 25px !important;
	padding-left: 30px !important;
	padding-right: 30px !important;
  width: calc(100vw - 32px);
  margin: 0 auto;
}
body .wrap section.branding .branding-heading {
  color: #000;
}
body .wrap section.web-design {
  background: #C0E5FC;
  padding-bottom: 100px;
  padding-top: 25px;
  margin-top: -100px;
  width: calc(100vw - 32px);
  margin: -40px auto 0;
}
body .wrap section.web-design .branding-heading {
  background-color: #C0E5FC;
  color: #1F1F1F;
  text-align: left;
}
body .wrap section.marketing-strategy {
  background: rgba(0, 0, 0, 1);
  margin-top: -100px;
  margin-bottom: 80px;
  padding-top: 25px;
  width: calc(100vw - 32px);
  margin: 0 auto;
  padding-bottom: 45px;
}

body .wrap section .brands-img .col-6 {
  text-align: center;
}
body .wrap section .brands-img img {
  filter: grayscale(3);
  margin-bottom: 20px;
  max-width: 100px !important;
}
/* ul.list-unstyled li:nth-child(3),
ul.list-unstyled li:nth-child(5) {
    display: none;
} */
@media (max-width: 575px) {
  body .wrap section .brands-img img {
    max-width: 80px !important;
  }
}
body .wrap .testimonial .testimonial-card, .testimonial-card.wow.animated {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  padding: 50px;
  background-color: white;
  width: 100%;
  height: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
@media (max-width: 991px) {
  body .wrap .testimonial .testimonial-card {
    margin: 0;
  }
}
body .wrap .testimonial .testimonial-card:hover {
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.15);
}
body .wrap .testimonial .testimonial-card .stars .star-icon {
  color: #F7941D;
}
.star-icon.fs-24 {
	color: #F7941D;
}
body .wrap .testimonial .testimonial-card .stars .star-icon.no-color {
  color: #E8AE95;
}
.stars {
	width: 100%;
	max-width: 180px;
}
.stars.mb-4 img {
	width: 180px;
}
body .wrap .testimonial .testimonial-card .profile-img-main {
  background: #D9D9D9;
}
body .wrap .testimonial .testimonial-card .profile-img-main .profile-img {
  -o-object-fit: cover;
     object-fit: cover;
}
body .wrap .testimonial .testimonial-card .role {
  color: #6c757d;
}

body .wrap .case-study-card img {
  -o-object-fit: fill;
     object-fit: fill;
  transition: transform 0.5s ease;
}
body .wrap .case-study-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}


body .wrap .case-study-card .case-study-content:hover {
  background-color: linear-gradient(90deg, #E8AE95 0%, #C56BC9 25%, #A069C9 50%, #80A4ED 75%, #C0E5FC 100%);
}

body .wrap .planig-testing {
  background-color: #1F1F1F;
  padding: 150px 0;
}
body .wrap .planig-testing .inner-card {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 10px;
  padding: 35px;
	height: 100%;
	display: flex;
    flex-direction: column;
    align-items: center;
}
@media (max-width: 1200px) {
  body .wrap .planig-testing .inner-card {
    margin-bottom: 1rem;
  }
}

body .wrap .planig-testing .inner-card h3 {
  font-size: 30px;
  font-weight: 600;
	text-align: center;
}

body .wrap .planig-testing .inner-card ul li {
  font-size: 18px;
	line-height: 19px;
  font-weight: 300;
}
#key-highlight {
	width: 98%;
	margin-right: auto;
	margin-left: auto;
  background-image: url("/wp-content/uploads/2025/02/BACKGROUND1-min-scaled-1.webp") !important;
  padding: 100px 0;
  background-size: cover;
  background-position: left;
  background-repeat: no-repeat;
  margin-top: -30px;
	border-radius: 30px;
}

@media (min-width: 767px) {
  body .wrap .keyhighlight {
    background-position: 14% 0 !important;
  }
}
body .wrap .keyhighlight .inner-counter {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 46px;
}

body .wrap .keyhighlight .inner-counter h4 {
  font-size: 30px;
	line-height: 32px;
  font-weight: 600;
}
body .wrap .keyhighlight .inner-counter p {
  font-size: 50px;
	line-height: 54px;
  font-weight: 600;
}

body .wrap .lets-go .areyouready {
  padding: 50px 100px;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  max-width: 600px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
}
body .wrap .footer a {
  color: #000;
  font-weight: 300;
  text-decoration: none;
  font-size: 0.875rem;
  transition: all 0.25s ease-in-out;
}
body .wrap .footer a:hover {
  color: #C56BC9 !important;
  transition: all 0.3s ease-in-out;
}
body .wrap .footer .social-icons a {
  /*background: rgb(160, 105, 201);*/
  border-radius: 50%;
  width: 22px !important;
  height: 22px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease-in-out;
}
body .wrap .footer .social-icons a img {
	width: 22px;
	height: 22px;
}
.social-icons {
	flex-wrap: wrap;
	gap: 20px !important;
}
.social-icons a {
	flex-wrap: wrap;
	gap: 20px !important;
	width: 22px;
	height: 22px;
}
body .wrap .footer .social-icons a:hover {
  transform: scale(1.1);
  transition: all 0.5s ease-in-out;
}
body .wrap .footer .footer-bottom {
  border-top: 1px solid #E7E7E7;
  padding-top: 20px;
}
body .wrap .footer .footer-bottom a {
  font-size: 0.9rem;
  color: #444444;
  transition: all 0.25s ease-in-out;
}
body .wrap .footer .footer-bottom a:hover {
  color: #C56BC9;
  font-size: 1rem;
  transition: all 0.25s ease-in-out;
}
body .wrap .footer .footer-bottom .d-flex {
	flex-wrap: wrap;
}

body .wrap .footer .footer-bottom {
    border-top: 1px solid #E7E7E7;
    padding-top: 20px;
}

.branding-data-left.w-65 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.footer-bottom {
	padding-top: 30px;
	border-top: 1px solid #E7E7E7;
	margin-top: 50px !important;
}
.footer-bottom .list-unstyled li a {
	font-size: 14px !important;
	line-height: 15px !important;
}
.footer-bottom .list-unstyled {
	flex-wrap: wrap;
}
/***********Common css ***********/
.border-rad100 {
  border-radius: 100px;
}

/***********Buttons css ***********/
.custom-btn {
  font-size: 16px !important;
  line-height: 20px !important;
  border-radius: 100px !important;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  transition: all 0.5s ease-in-out;
}

.outline-btn {
  background-color: transparent;
  border: 2px solid #fff !important;
	border-radius: 40px !important;
  font-size: 16px;
	line-height: 18px;
	padding: 9px 24px;
	line-height: 20px;
	text-align: center;
  transition: all 0.5s ease-in-out;
}

.branding-btn {
	display: flex;
	align-items: center;
	gap: 10px;
	background-color: transparent;
  	border: 2px solid #fff !important;
	border-radius: 40px !important;
	color: #fff;
  	font-size: 16px;
	line-height: 18px;
	font-weight: 500;
	padding: 9px 24px;
	line-height: 20px;
	text-align: center;
  	transition: all 0.5s ease-in-out;
}
.branding-btn:hover {
	color: #000;
	background: #fff;
}

#web-design .branding-btn:hover {
	color: #fff !important;
	background-color: #000 !important;
	transition: all .5s;
}

.branding-btn-black {
	border-color: #000 !important;
	color: #000;
}

.branding-btn img {
    content: url('/wp-content/uploads/2025/02/Arrow-1.png'); /* Default arrow */
    transition: opacity 0.5s ease-in-out;
}

.branding-btn:hover img {
    content: url('/wp-content/uploads/2025/02/arrow-black-1.png');
}

.branding-btn.branding-btn-black img {
    content: url('/wp-content/uploads/2025/02/arrow-black-1.png');
    transition: opacity 0.5s ease-in-out;
}

#web-design .branding-btn:hover img {
	content: url('/wp-content/uploads/2025/02/Arrow-1.png');
	transition: all .5s;
}

.branding-btn-filter {
    border: 1px solid #000;
	border-radius: 40px;
	padding: 9px 24px;
	text-align: center;
	color: #000;
	font-size: 16px;
	line-height: 20px;
	text-transform: capitalize;
	text-decoration: none;
}
.branding-btn-filter.active {
    color: #fff;
	background: #000;
}

/*web*/
.web-btn {
	display: flex;
	align-items: center;
	gap: 10px;
	background-color: transparent;
  	border: 2px solid #000 !important;
	border-radius: 40px !important;
	color: #000;
  	font-size: 16px;
	line-height: 18px;
	font-weight: 500;
	padding: 9px 24px;
	line-height: 20px;
	text-align: center;
  	transition: all 0.5s ease-in-out;
}
.web-btn:hover {
	color: #CEE9FB;
	background: #000;
}
.web-btn img {
    content: url('/wp-content/uploads/2025/02/arrow-black-1.png'); /* Default arrow */
    transition: opacity 0.5s ease-in-out;
}
.web-btn:hover img {
    content: url('/wp-content/uploads/2025/02/arrow-blue.png'); /* Hover arrow in #9241D8 */
}

/*marketing-btn*/
.marketing-btn {
	display: flex;
	align-items: center;
	gap: 10px;
	background-color: transparent;
  	border: 2px solid #fff !important;
	border-radius: 40px !important;
	color: #fff;
  	font-size: 16px;
	line-height: 18px;
	font-weight: 500;
	padding: 9px 24px;
	line-height: 20px;
	text-align: center;
  	transition: all 0.5s ease-in-out;
}
.marketing-btn:hover {
	color: #000;
	background: #fff;
}
.marketing-btn img {
    content: url('/wp-content/uploads/2025/02/Arrow-1.png'); /* Default arrow */
    transition: opacity 0.5s ease-in-out;
}
.marketing-btn:hover img {
    content: url('/wp-content/uploads/2025/02/arrow-black-1.png'); /* Hover arrow in #9241D8 */
}


outline-btn:hover {
	background: white !important;
	color: #000 !important;
	box-shadow: 0px 0px 20px 0px rgb(80, 79, 243) !important;
  	transition: all 0.5s ease-in-out !important;
}
.outline-btn-black {
	background-color: transparent;
  border: 2px solid #000 !important;
	border-radius: 40px !important;
  font-size: 16px;
	line-height: 18px;
	color: #000 !important;
	font-weight: 500;
	padding: 14px 28px;
	line-height: 20px;
	text-align: center;
  transition: all 0.5s ease-in-out;
}
.secondary-btn {
		background: white !important;
		color: #000 !important;
		transition: all 0.5s ease-in-out;
	  padding: 14px 28px !important;
	  display: inline-block !important;
	  font-size: 16px !important;
	  cursor: pointer;
	text-align: center;
	text-decoration: none;
	  transition: ease-out 0.4s;
	border: none;
}
.secondary-btn.hover:hover {
	background: #F7941D !important;
	box-shadow: none !important;
}
.primary-btn {
  background-color: #000000;
  border: 0;
  transition: all 0.5s ease-in-out;
  padding: 14px 28px !important;
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
  color: #ffffff;
	text-align: center;
  transition: ease-out 0.4s;
	text-decoration: none;
}
.gradient-btn {
  background: linear-gradient(89.02deg, #F7941D 0%, #E020EF 33%, #9241D8 66%, #499BFE 100%);
  border: 0;
  transition: all 0.5s ease-in-out;
  padding: 14px 28px !important;
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
  color: #ffffff;
	text-align: center;
  transition: ease-out 0.4s;
	text-decoration: none;
}
.justify-center {
	justify-content: center;
}
.transparent-btn {
	background: rgba(255, 255, 255, 0.2) !important;
	border: 1px solid #fff;
	border-radius: 40px;
	padding: 13px 28px !important;
	color: #fff !important;
	backdrop-filter: blur(10px);
	text-decoration: none;
	text-align: center;
}
.gap-10 {
	gap: 13px;
}
.gap-50 {
	gap: 40px;
}
.gap-20 {
	gap: 20px;
}
.primary-btn:hover, .secondary-btn:hover, button.btn.btn-light.w-100.fw-medium:hover {
  background: linear-gradient(88.75deg, #5E99F7 0%, #9241D8 33%, #E020EF 66%, #F7941D 100%) !important;
  box-shadow: 0px 0px 20px 0px #9E3AE0 !important;
  transition: all 0.5s ease-in-out !important;
}

.fs-70 {
  font-size: 70px;
}
@media (max-width: 1200px) {
  .fs-70 {
    font-size: 45px;
  }
}
@media (max-width: 767px) {
  .fs-70 {
    font-size: 30px;
  }
}

.fs-60 {
  font-size: 60px;
}

.fs-50 {
  font-size: 50px;
	line-height: 54px;
}
@media (max-width: 767px) {
  .fs-50 {
    font-size: 30px;
	  line-height: 32px;
  }
}

.fs-40 {
  font-size: 40px;
}
@media (max-width: 767px) {
  .fs-40 {
    font-size: 24px;
	  line-height: 26px;
  }
}

.fs-28 {
  font-size: 28px;
	line-height: 30px;
}
@media (max-width: 767px) {
  .fs-28 {
    font-size: 20px;
	  line-height: 20px;
  }
}

.fs-24 {
  font-size: 24px;
}

.fs-22 {
  font-size: 22px !important;
	line-height: 22px !important;
}
@media (max-width: 767px) {
  .fs-22 {
    font-size: 16px !important;
	  line-height: 20px !important;
  }
}

.fs-20 {
  font-size: 20px;
	line-height: 22px;
}

.fs-18 {
  font-size: 18px;
	line-height: 20px;
}
@media (max-width: 767px) {
  .fs-18 {
    font-size: 15px;
  }
}

.fs-16 {
  font-size: 16px;
	line-height: 18px;
}
@media (max-width: 767px) {
  .fs-16 {
    font-size: 14px;
  }
}

.fs-14 {
  font-size: 14px;
}

.fs-12 {
  font-size: 12px;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.text-gray {
  color: rgba(191, 191, 191, 1);
}
.dark-gray {
	color: rgba(116, 116, 116, 1);
}
.light-gray {
	color: rgba(222, 222, 222, 1);
}
.min-h-500 {
  min-height: 350px;
}

.min-h-450 {
  min-height: 450px;
}

.min-h-400 {
  min-height: 400px;
}

.min-h-260 {
  min-height: 260px;
}

.wh-80 {
  min-width: 80px;
  min-height: 80px;
  max-width: 80px;
  max-height: 80px;
}



/*******Text gradient starts here************/
.text-gradient {
  background: linear-gradient(90deg, #E8AE95 0%, #C56BC9 25%, #A069C9 50%, #80A4ED 75%, #C0E5FC 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.5s ease-in-out;
  text-transform: capitalize;
  width: auto;
  display: inline-block;
  font-size: 55px;
  font-weight: 500;
}
.text-gradient.white {
  color: #fff;
  background: transparent;
  -webkit-text-fill-color: #fff;
}
@media (max-width: 1366px) {
  .text-gradient {
    font-size: 45px;
  }
}
@media (max-width: 1200px) {
  .text-gradient {
    font-size: 35px;
  }
}
@media (max-width: 767px) {
  .text-gradient {
    font-size: 30px;
  }
}

.text-gradient:hover {
  background: linear-gradient(270deg, #E8AE95 0%, #C56BC9 25%, #A069C9 50%, #80A4ED 75%, #C0E5FC 100%);
  -webkit-background-clip: text;
  transition: all 0.5s ease-in-out;
}

body {
  transition: background-color 0.3s ease;
}
body .custom-cursor {
  position: fixed;
  min-width: 20px;
  min-height: 20px;
  width: 20px;
  height: 20px;
  background-color: #fbc1d4;
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
  left: -20px;
  top: unset;
  z-index: 9999;
  overflow: hidden;
}
@media (max-width: 767px) {
  body .custom-cursor {
    display: none;
  }
}
body .custom-box, body .peoject-card-img {
  transition: background-color 0.3s ease;
}
body .custom-box:hover{
  background-color: #e9ecef;
  cursor: url("../assets/images/return.svg"), auto;
}
body .custom-box.custom-cursor:hover {
  cursor: url("https://via.placeholder.com/30x30"), auto;
}
body .peoject-card-img img {
  width: 100%;
}
body .banner {
  transition: transform 0.3s ease, width 0.3s ease, height 0.3s ease;
  width: 100%;
}
body .bottom-left {
  position: sticky;
  bottom: 0px;
  left: 20px;
  z-index: 1;
  border-radius: 20px !important;
	overflow: hidden;
  transition: transform 0.3s ease, width 0.3s ease, height 0.3s ease;
}
@media (max-width: 991px) {
  body .bottom-left {
    position: unset !important;
  }
}
body .bottom-left #scroll-image {
  width: 14vw;
  height: 14vh;
  border-radius: 20px;
  transition: transform 0.3s ease, width 0.3s ease, height 0.3s ease;
}

div#image-parent.bottom-left.max-scrolling {
  position: relative;
  left: -10px;
  border-radius: 20px;
  overflow: hidden;
  bottom: 0px;
}

.peoject-card-content h5 {
  border-bottom: 2px solid transparent;
  padding-bottom: 2px;
  display: inline-block;
}

.section {
  position: relative;
  transform: translateY(50px);
  transition: all 2s ease;
}

.section.active {
  transform: translateY(0px);
}

.company-logos img {
  max-width: 104px;
  filter: grayscale(3);
}

.company-logos img.invert {
  filter: invert(1);
}

main .branding-heading, main .branding-data {
  gap: 1rem;
  text-align: left;
}
main .branding-heading h1, main .branding-data h1 {
  font-size: 5rem;
}


main .branding-heading ul, main .branding-data ul {
  min-width: 125px;
}
main .branding-heading ul li{
  font-size: 0.875rem;
}

@media (max-width: 991px) {
  body .wrap .nav-main {
    height: auto !important;
    overflow: hidden !important;
  }
  body .wrap .nav-main .bottom-left {
    position: unset !important;
    padding: 0px !important;
	  padding-bottom: 15px !important;
  }
  body .wrap .nav-main .bottom-left #scroll-image {
    width: 100% !important;
    height: auto !important;
  }
	
  body .wrap section.web-design, body .wrap section.marketing-strategy {
    margin-top: 0 !important;
  }
  main section.animate-data, .branding-heading {
    position: relative !important;
  }
  body .wrap .diagonal-text-container {
    min-height: 240px;
  }
  body .wrap .lets-go {
    min-height: 100vh;
    display: flex;
    background-position: center;
    align-items: center;
    justify-content: center;
  }
  body .wrap .lets-go .areyouready {
    padding: 20px 20px !important;
  }
  /*body .wrap .footer .footer-bottom, body .wrap .footer .footer-bottom ul {
    display: block !important;
  }
	body .footer .footer-bottom, body .footer .footer-bottom ul {
    	display: block !important;
  	}*/
  .min-h-500 {
    min-height: auto;
  }
  .branding-image.text-end {
    text-align: left !important;
  }
  .branding-image.text-end img {
    width: auto;
  }
  .branding-data-left.w-75 {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  body .wrap .diagonal-text-container .diagonal-text {
    position: unset !important;
    display: block;
  }
  body .wrap .diagonal-text-container .diagonal-text.text-1, body .wrap .diagonal-text-container .diagonal-text.text-2,
  body .wrap .diagonal-text-container .diagonal-text.text-3, body .wrap .diagonal-text-container .diagonal-text.text-4 {
    transform: unset;
  }
  
  body .wrap .diagonal-text-container {
    height: 140px;
  }
  .mobile-m-n25 {
    margin-top: -25px;
  }
}
.mt-100 {
  margin-top: 100vh;
}

/* General Sticky Section Styling */
.section.sticky {
  position: sticky;
  z-index: 9;
  top: 0;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  max-height: 100vh;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Section-Specific Styling */
.section--s1 {
  background: #333;
}

.section--s2 {
  background: #666;
}

.section--s3 {
  background: #999;
}

/* Branding Heading Visibility */
.branding-heading {
  padding: 2rem;
  color: white;
  text-align: center;
  animation: fadeIn 1s ease-in-out forwards;
}

/* Smooth Fade-In Animation */
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}/*# sourceMappingURL=style.css.map */

/* ***** TYPEFORM MODAL ***** */

.modal-content {
    border: none;
    height: 100vh;
}

.modal-header {
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 2147483647;
    background: transparent;
    border: none;
    padding: 1rem;
}

.btn-close {
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    padding: 0.75rem;
}

.modal-body {
    padding: 0;
}

.modal-body > div {
    height: 100vh;
    width: 100%;
}

@media (max-width: 1200px) {
	
	.cat {
		right: -50px !important;
	}
	
	.puppy {
		right: 20px !important;
	}
	
}

@media (max-width: 991px) {
	
	.home-hero .width-870 {
		max-width: 85% !important;
	}
	
	#business.mt-100 {
		margin-top: initial !important;
	}
	
	.page-template-new-home #business.mt-100 {
		margin-top: 50px !important;
	}
	
}

.characters-mobile {
	display: none;
}

@media (max-width: 767px) {
	
	#top-section .navbar {
		top: 0;
		width: 100%;
	}
	
	#top-section.top-section-nav {
		padding: 0;
	}
	
	.home-hero .width-870 {
		max-width: 100% !important;
		height: 350px;
	}
	
	.character-container {
		position: relative !important;
		height: 100% !important;
	}
	
	.characters-mobile {
		display: block;
	}
	
}

/* ***** FOOTER ***** */

footer .flex.gap-20 {
	flex-wrap: wrap;
	align-items: center;
}

footer .logo-container {
	width: 35%;
    text-align: center;
	display: flex;
}

footer button.typeform-trigger {
	padding: 0;
    background-color: transparent;
    border: none;
    color: #fff;
    font-weight: 400;
}

footer ul {
	padding-left: 0;
	margin-left: 0;
}

footer ul li a {
	font-size: 16px !important;
	color: #fff !important;
	font-weight: 300 !important;
}

/* ********** SERVICE PAGES ********** */

.post,
.page {
	margin: 0;
}

#seo.highlight {
	background-color: #F8EEE2;
}

#ppc.highlight {
	background-color: #F4ECFB;
	box-shadow: 0px -13px 20px 0px #F7941D1A;
}

#social-media.highlight {
	background-color: #EFF5FE;
	box-shadow: 0px -13px 20px 0px #9241D71A;
}

#content-marketing.highlight {
	background-color: #FCE9FD;
	box-shadow: 0px -13px 20px 0px #499BFE1A;
}

#cro.highlight {
	background-color: #F8EEE2;
	box-shadow: 0px -13px 20px 0px #E020EF1A;
}

#email-marketing.highlight {
	background-color: #F4ECFB;
	box-shadow: 0px -13px 20px 0px #F7941D1A;
}

#web-dev.highlight {
	background-color: #EFF5FE;
	box-shadow: 0px -13px 20px 0px #9241D71A;
}

#new-packaging.highlight {
	background-color: #FCE9FD;
	box-shadow: 0px -13px 20px 0px #5F98F71A;
}

/*----------------------------active section bg-color--------------------------------*/
#new-brand-identity.highlight { background-color: #F8EEE2;}  
#new-strategy.highlight { background-color: #F4ECFB; box-shadow: 0px -13px 20px 0px #F7941D1A;}        
#new-design.highlight { background-color: #EFF5FE; box-shadow: 0px -13px 20px 0px #9241D71A;}          
#new-rebranding.highlight { background-color: #FCE9FD; box-shadow: 0px -13px 20px 0px #499BFE1A;}      
#new-creative.highlight { background-color: #F8EEE2; box-shadow: 0px -13px 20px 0px #E020EF1A;}       
#new-website.highlight { background-color: #F4ECFB; box-shadow: 0px -13px 20px 0px #F7941D1A;}         
#new-social.highlight { background-color: #EFF5FE; box-shadow: 0px -13px 20px 0px #9241D71A;}          
#new-packaging.highlight { background-color: #FCE9FD; box-shadow: 0px -13px 20px 0px #5F98F71A;}  

/* Remove Main */

.nav-main {
/* 	background-image: url(/wp-content/uploads/2025/02/smartboost_hero_branding.webp); */
	background-position: right;
	border-radius: 30px;
	margin-top: 15px !important;
	background-color: rgba(242, 242, 242, 1);
	width: calc(100vw - 32px);
	margin: 0 auto;
	/*height: 100vh; */
	background-size: cover;
	transition: background-image 0.5s ease, transform 0.3s ease;
	margin-left: 10px;
	margin-right: 10px;
	width: calc(100% - 20px) !important;
}

body .nav-main .banner-inner {
	min-height: 85vh;
}

#process-section {
	height: initial !important;
}

#faq,
#about-branding {
	background-color: #000;
}

/* Horizonal Scroll */

.the-content .panel:nth-of-type(1) {
	padding-left: 50px;
}

.the-content .panel:nth-of-type(4) {
	padding-right: 50px;
}

.number-circle.glow-active {
	filter: drop-shadow(0 0 15px rgba(255, 142, 0, 0.7)) drop-shadow(0 0 25px rgba(245, 0, 246, 0.5)) drop-shadow(0 0 35px rgba(158, 58, 224, 0.4)) drop-shadow(0 0 45px rgba(73, 155, 254, 0.3)) brightness(1.4);
}

.number-circle.one.glow-active {
	filter: drop-shadow(0 0 20px rgba(255, 142, 0, 0.8)) drop-shadow(0 0 35px rgba(245, 0, 246, 0.6)) brightness(1.4);
}

.number-circle.two.glow-active {
	filter: drop-shadow(0 0 20px rgba(244, 0, 247, 0.8)) drop-shadow(0 0 35px rgba(158, 58, 224, 0.6)) brightness(1.4);
}

.number-circle.three.glow-active {
	filter: drop-shadow(0 0 20px rgba(142, 77, 230, 0.8)) drop-shadow(0 0 35px rgba(184, 40, 231, 0.6)) brightness(1.4);
}

.number-circle.four.glow-active {
	filter: drop-shadow(0 0 20px rgba(77, 151, 253, 0.8)) drop-shadow(0 0 35px rgba(113, 109, 240, 0.6)) brightness(1.4);
}

.number-circle {
	transition: filter 0.75s ease;
}

/*********************************/
/* ********** GENERAL ********** */
/*********************************/

h1 {
	font-size: 80px !important;
	line-height: 80px !important;
}

#top-section .col-md-7,
#top-section .col-md-8 {
	width: 75%;
}

.btn-mobile {
	display: none;
}

.testimonial {
	padding-top: 50px !important;
}

.accordion-item, .accordion-item:first-of-type, .accordion-item:last-of-type .accordion-button.collapsed, .accordion-item:first-of-type .accordion-button, .accordion-item:last-of-type .accordion-collapse {
	background-color: initial !important;
}

button.typeform-trigger.custom-btn.secondary-btn.wow.animated:hover {
    color: #fff !important;
}

/* Trustindex */
section.testimonial .row {
	align-items: center;
}
	
section.testimonial {
	padding-bottom: 40px;
}

/* ********** NAVIGATION ********** */

.offcanvas-logo,
.offcanvas-info {
	display: none;
}

/* ********** HOME ********** */

.nav-main.home-hero {
	background-image: url('/wp-content/uploads/2025/03/smartboost_hero_background.webp');
}

.page-template-new-home .astronaut {
	width: 100%;
	max-width: 700px;
}

.page-template-new-home .astronaut {
	animation: gentleBounce 6s ease-in-out infinite;
}

#top-section-mobile {
	display: none;
}

@keyframes gentleBounce {

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

	50% {
		transform: translateY(-8px);
	}
}

.cat {
	width: 100%;
	max-width: 500px;
	position: absolute;
	bottom: 0px;
	right: 0;
	z-index: 1;
}

.cat {
	width: 100%;
	max-width: 500px;
	position: absolute;
	bottom: 0px;
	right: 0;
	z-index: 1;
	animation-name: gentleSway;
	animation-duration: 5.5s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-delay: 0s;
	animation-direction: normal;
	animation-fill-mode: none;
	animation-play-state: running;
}

@keyframes gentleSway {
	0% {
		transform: translateX(0);
	}

	50% {
		transform: translateX(-8px);
	}

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

.puppy {
	width: 100%;
	max-width: 280px;
	position: absolute;
	top: 0;
	right: 60px;
	animation-name: gentleTilt;
	animation-duration: 6.5s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-delay: 0s;
	animation-direction: normal;
	animation-fill-mode: none;
	animation-play-state: running;
	transform-origin: center center;
}

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

	50% {
		transform: rotate(5deg);
	}

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

.page-template-new-home .project .color-blue {
	display: none;
}

/* ********** BRANDING ********** */

.nav-main.hero-branding {
	background-image: url('/wp-content/uploads/2025/02/smartboost_hero_branding.webp') !important;
}

.process-wrap {
	padding-bottom: 120px;
}

.process-card {
	text-align: left;
}

.black-line {
	position: absolute;
	bottom: 0;
	padding-bottom: 50px;
}

.inline-line {
    border: 1px solid #000;
}

/* ********** WEB DESIGN ********** */

.nav-main.hero-web {
	background-image: url('/wp-content/uploads/2025/02/smartboost_hero_web.webp') !important;
}

/* ********** MARKETING ********** */

.nav-main.hero-marketing {
	background-image: url('/wp-content/uploads/2025/02/smartboost_hero_digital_marketing.webp') !important;
}

/* ********** AI ********** */

.hero-ai {
	background-image: url('/wp-content/uploads/2025/03/smartboost_hero_background.webp');
}

.img-mobile {
	display: none;
}

.text-desktop {
	display: block;
}

.text-mobile {
	display: none;
}

/* ********** PORTFOLIO ********** */

.nav-main.hero-portfolio {
	background-image: url('/wp-content/uploads/2025/03/smartboost_hero_background.webp') !important;
}

.page-template-new-portfiolio article#post-14255 {
	display: none;
}

/* ********** ABOUT ********** */

.nav-main.hero-about {
	background-image: url('/wp-content/uploads/2025/03/smartboost_hero_background.webp') !important;
}

/* ********** DIGITAL MARKETING AUTOMATION ********** */

.page-template-new-digital-marketing-automation #top-section {
	background-image: url('/wp-content/uploads/2025/03/smartboost_hero_digital_marketing_automation.webp');
}

/* ********** SEO SERVICES ********** */

.page-template-new-seo-services #top-section {
	background-image: url('/wp-content/uploads/2025/03/smartboost_hero_digital_marketing_automation.webp');
}

/* ********** LOCAL SEO ********** */

.page-template-new-local-seo #top-section {
	background-image: url('/wp-content/uploads/2025/03/smartboost_hero_digital_marketing_automation.webp');
}

/* ********** WEB DESIGN LV ********** */

.page-template-new-web-design-lv #top-section {
	background-image: url('/wp-content/uploads/2025/03/smartboost_hero_digital_marketing_automation.webp');
}

.key-highlights {
	display: none;
}

/* ********** WEB DEVELOPMENT LV ********** */

.page-template-new-web-development-lv #top-section {
	background-image: url('/wp-content/uploads/2025/03/smartboost_hero_digital_marketing_automation.webp');
}

/* ********** SOCIAL MEDIA MARKETING ********** */

.page-template-new-social-media-lv #top-section {
	background-image: url('/wp-content/uploads/2025/03/smartboost_hero_digital_marketing_automation.webp');
}

.page-template-new-social-media-lv #insight {
	display: none;
}

/* ********** GROWTH MARKETING ********** */

.page-template-new-growth-marketing #top-section {
	background-image: url('/wp-content/uploads/2025/03/smartboost_hero_background.webp');
}

/* ********** MEDIA QUERIES ********** */

@media (max-width: 1200px) {
	
	h1 {
		font-size: 70px !important;
		line-height: 70px !important;
	}
	
}

@media (max-width: 1100px) {
	
	h1 {
		font-size: 60px !important;
		line-height: 60px !important;
	}
	
	#top-section .col-md-7,
	#top-section .col-md-8 {
		width: 100% !important;
	}
	
	#top-section h1.fs-80 {
		font-size: 65px;
		line-height: 65px;
	}
	
	#digital-marketing h3,
	h3.text-heading,
	h3 .text-heading {
		font-size: 45px;
		line-height: 50px;
	}
	
	.result-num.one,
	.result-num.two,
	.result-num.three {
		font-size: 75px;
	}
	
	.case-study-description {
		font-size: 26px;
	}
	
}

@media (max-width: 991px) {
	
	/* GENERAL */
	
	h1 {
		font-size: 50px !important;
		line-height: 50px !important;
	}
	
	h2 .text-heading {
		font-size: 40px;
		line-height: 40px;
	}
	
	#digital-marketing h3,
	h3.text-heading {
		font-size: 40px;
		line-height: 45px;
	}
	
	.fs-20 {
		font-size: 17px;
		line-height: 20px;
	}
	
	.fs-22 {
		font-size: 18px !important;
		line-height: 20px !important;
	}
	
	.fs-26 {
		font-size: 22px;
		line-height: 24px;
	}
	
	.fs-40 {
		font-size: 25px;
		line-height: 30px;
	}
	
	.fs-60 {
		font-size: 40px;
	}
	
	.fs-100 {
		font-size: 50px !important;
		line-height: 50px !important;
	}
	
	#top-section .col-md-7 {
		width: 100% !important;
	}
	
	#top-section h1.fs-80 {
		font-size: 50px;
		line-height: 50px;
	}
	
	.planning-grid {
		display: flex;
		flex-wrap: wrap;
		grid-column-gap: 0;
		grid-row-gap: 0;
	}
	
	.brand-block {
		width: calc(50% - 20px);
		margin: 10px;
		padding: 25px;
	}
	
	#digital-marketing h3 {
		font-size: 40px !important;
    	line-height: 1.25em !important;
	}
	
	#digital-marketing .flex.justify-start.gap-10 {
		display: block !important;
	}
	
	.case-study-card,
	.case-study-card.pt-50 {
		padding: 25px !important;
	}
	
	.case-study-title {
		font-size: 20px;
	}
	
	.case-study-content p.fs-22 {
		font-size: 18px !important;
	}
	
	.result-num.one,
	.result-num.two,
	.result-num.three {
		font-size: 65px;
	}
	
	.case-study-description {
		font-size: 22px;
	}
	
	/* NAVIGATION */
	
	.navbar button.navbar-toggler {
		background-color: #fff !important;
		border-radius: 50%;
		border: 2px solid #000 !important;
	}
	
	.navbar-toggler-icon {
		filter: invert(1);
	}
	
	/* Make sure the close button has a higher z-index and fixed position */
	.close-button, button[aria-label="Close"] {
	  position: fixed; /* or absolute depending on your layout */
	  z-index: 1100; /* Higher than the carousel z-index */
	  right: 15px;
	  top: 15px;
	}

	/* Prevent layout shift by ensuring the carousel doesn't affect document flow */
	#marketingCarousel {
	  transform: translateZ(0); /* Hardware acceleration */
	  position: relative;
	  overflow: hidden;
	}

	/* Stabilize the menu items */
	.menu-items {
	  position: relative;
	  z-index: 1000;
	}
	
	/* Mobile Menu */
	.offcanvas {
		width: 100% !important;
		padding: 2px;
		z-index: 10000;
	}
	
	.offcanvas .menu-item a {
		font-family: 'Archivo' !important;
        font-size: 38px !important;
		line-height: 40px;
        text-transform: initial !important;
        font-weight: 500 !important;
	}
	
	.offcanvas .nav-cta {
		display: none;
	}
	
	.offcanvas-logo {
		display: block;
		width: 200px;
    	margin-bottom: 50px;
	}
	
	.offcanvas-info {
		display: block;
		color: #fff;
		margin-top: 50px;
		margin-left: 3%;
		margin-bottom: 20px;
	}
	
	.offcanvas-info .offcanvas-address {
		margin-top: 15px;
	}
	
	.offcanvas-info .offcanvas-address,
	.offcanvas-info .offcanvas-phone {
		font-weight: 300 !important;
	}
	
	.offcanvas-info .offcanvas-phone {
		margin-top: 10px;
		margin-bottom: 30px;
	}
	
	.offcanvas-phone a {
		color: #fff;
		text-decoration: none;
	}
	
	.offcanvas .social-icons a {
		width: initial;
		height: initial;
	}
	
	#menu-item-14140 a.gradient-button {
		/* Text styling */
		text-decoration: none;
		color: white;
		font-weight: 600;
		text-transform: uppercase;
		
		font-size: 16px !important;
		line-height: 20px !important;
		font-weight: 500 !important;
		margin-left: 2%;
		width: 230px;
		padding: 15px 20px !important;
		text-align: center;	

		/* Set up the gradient background */
		background: linear-gradient(90deg, 
		  #5E99F7 0%, 
		  #9241D8 33%, 
		  #E020EF 66%, 
		  #F7941D 100%);

		/* Button styling */
		padding: 10px 20px;
		border-radius: 50px; /* Fully rounded corners */
		display: inline-block;

		/* Add hover effect */
		transition: all 0.3s ease;

		/* Add a subtle glow effect */
		box-shadow: 0 2px 10px rgba(142, 64, 233, 0.35);
	  }

	  #menu-item-14140 a.gradient-button:hover {
		/* Brighten on hover */
		filter: brightness(1.1);
		/* Enhance the glow effect on hover */
		box-shadow: 0 5px 15px rgba(142, 64, 233, 0.5);
		text-decoration: none;
	  }

	  /* Override any existing styles from your theme */
	  #menu-item-14140.btn-cta {
		background: none !important;
		border: none !important;
		padding: 0 !important;
	  }
	
	  /* *** LOCAL SEO *** */
	
	.planning-grid {
		grid-column-gap: 0px !important;
		grid-row-gap: 0px !important;
	}
	
	.planning-grid.three-block {
		grid-column-gap: 0px;
	}
	
	.brand-block {
		width: calc(100% - 20px);
	}
	
	.page-template-new-local-seo #branding-service {
		padding-bottom: 40px;
	}
	
	/* *** SOCIAL MEDIA *** */
	p.about-text {
		font-size: 32px;
		line-height: 32px;
	}
	
	.p-image {
		height: 32px;
		width: auto;
	}
	
	/* *** GROWTH MARKETING *** */
	.result-num, .sign {
		font-size: 65px;
	}
	
	.num-card-container img {
		width: 50px;
	}
	
	/* DIGITAL MARKETING AUTOMATION */
	.about-title {
		font-size: 25px;
		line-height: 25px;
	}
	
	.about-flex p.fs-22 {
		font-size: 17px !important;
		line-height: 22px !important
	}
	
	/* *** WEB DESIGN LV *** */
	.page-template-new-web-design-lv #digital-marketing {
		padding-bottom: 0 !important;
	}
	
	/* *** ABOUT *** */
	#team .planning-grid {
		display: grid !important;
		grid-template-columns: 1fr 1fr 1fr;
		grid-column-gap: 20px !important;
    	grid-row-gap: 20px !important;
	}
	
	/* *** FOOTER *** */
	footer .flex.justify-between.gap-50 {
		flex-wrap: wrap;
	}
	
}

@media (max-width: 767px) {
	
	/* *** GENERAL *** */
	h1 {
		font-size: 45px !important;
		line-height: 45px !important;
	}
	
	.fs-100 {
		font-size: 30px !important;
		line-height: 30px !important;
	}
	
	.text-heading {
		font-size: 30px;
	}
	
	#top-section-mobile {
		display: block;
	}
	
	#top-section.nav-main {
		position: relative;
	}

	.page-template-new-branding #top-section.nav-main::before,
	.page-template-new-web-design #top-section.nav-main::before,
	.page-template-new-digital-marketing #top-section.nav-main::before,
	.page-template-new-ai-marketing #top-section.nav-main::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(81, 129, 197, 0.33); /* Adjust opacity as needed (0.5 = 50% dark) */
		z-index: 1;
	}

	/* Make sure content appears above the overlay */
	#top-section.nav-main .banner-inner {
		position: relative;
		z-index: 2;
	}
	
	#top-section {
		margin: 0 !important;
		width: 100% !important;
		border-radius: 0;
	}
	
	#top-section .row {
		align-items: flex-end !important;
    	text-align: center;
		padding-bottom: 20%;
	}
	
	.nav-main {
		height: 100vh;
	}
	
	.btn-mobile {
		display: block;
	}
	
	.btn-mobile-100 {
		width: 100%;
	}
	
	.img-100 {
		width: 100% !important;
		max-width: 100% !important;
	}
	
	.text-center-mobile,
	.text-center-mobile.text-start {
		text-align: center !important;
	}
	
	.brand-block {
		width: 100% !important;
		margin: 0 !important;
	}
	
	/* *** NAVIGATION *** */
	.offcanvas {
		height: 100vh;
	}
	
	.offcanvas-header button {
		opacity: 1;
		padding: 0 !important;
		height: 42px;
		width: 42px;
		top: 28px !important;
		right: 28px !important;
	}
	
	.offcanvas-header button img {
		width: 100%;
	}
	
	.offcanvas .menu-item a {
        font-size: 26px !important;
		line-height: 27px;
	}
	
	.offcanvas-header {
		padding: 0;
	}
	
	.offcanvas-logo {
		margin-bottom: 25px;
	}
	
	#menu-item-14140 a.gradient-button {
		width: 200px;
        padding: 12px 15px !important;
	}
	
	.offcanvas-info {
		font-size: 15px;
	}
	
	/* *** HOME *** */
	.page-template-new-home #top-section-mobile h2 {
		font-size: 50px !important;
		line-height: 50px !important;
	}
	
	.page-template-new-home #top-section-mobile h1 {
		font-size: 20px !important;
		line-height: 20px !important;
	}
	
	.link-flex.justify-content-center.section.mb-5.active {
		justify-content: flex-start !important;
	}

	.process-section {
		padding-bottom: 80px;
	}

	.process-wrap {
		min-width: 100%;
		min-height: 500px;
	}
	
	.page-template-new-home .portfolio-btn {
		margin-left: 2.5%;
		margin-right: 2.5%;
	}
	
	/* Video */
	.responsive-video .video-play-button {
		display: none;
	}
	
	/* Lets Go */
	.page-template-new-home #lets-go {
		padding-top: 0px !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
		padding-bottom: 50px !important;
		margin-top: 100px;
	}
	
	#lets-go img {
		max-width: 250px;
		min-width: initial;
	}
	
	/* #digital-marketing Mobile */
	.digital-marketing {
		background-color: #000;
		padding: 2rem 0;
		display: none;
	}
	
	#marketing-carousel {
	  transform: translateZ(0);
	  position: relative;
	  overflow: hidden;
	}

	.carousel-item {
		padding: 0 15px;
	}
	
	#digital-marketing-mobile h3.mb-3 {
		margin-bottom: 0 !important;
	}
	
	.bg-black {
		padding-top: 30px;
	}

	/* Offset carousel effect */
	.carousel-inner {
		padding-left: 15%;
		padding-right: 15%;
		overflow: visible;
	}

	.carousel-item {
		transform: scale(0.85);
		transition: transform 0.5s ease;
		opacity: 1;
	}

	.carousel-item.active {
		transform: scale(1);
		opacity: 1;
	}

	.case-study-card {
		background-color: #111;
		border-radius: 16px;
		padding: 1.5rem;
		color: white;
		box-shadow: 0 4px 12px rgba(0,0,0,0.2);
		max-width: 300px;
	}

	.case-study-title {
		text-transform: uppercase;
		font-weight: 600;
		margin-bottom: 0.5rem;
	}

	.result-num {
		font-size: 3.5rem;
		font-weight: 700;
		color: #9370DB; /* Purple color similar to the mockup */
		margin-bottom: 0.5rem;
	}

	.case-study-description {
		font-size: 1rem;
		margin-bottom: 1.5rem;
	}

	.case-study-industry {
		font-size: 0.8rem;
		opacity: 0.7;
	}

	.description-desktop {
		display: none;
	}

	.description-mobile {
		display: block !important;
	}

	.carousel-control-prev,
	.carousel-control-next {
		width: 10%;
	}

	.carousel-indicators button {
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background-color: rgba(255,255,255,0.5);
	}

	.carousel-indicators .active {
		background-color: #fff;
	}

	.carousel-inner {
		padding: 0;
	}

	.case-study-card {
		max-width: 100%;
		background-color: #000;
	}
	
	/* *** BRANDING *** */
	.page-template-new-branding #top-section {
		background-position: 60% !important;
	}
	
	#branding-business .planning-grid {
		display: block !important;
		margin-bottom: 1.5rem;
	}
	
	#branding-business .brand-block {
		display: flex;
		align-items: center;
	}
	
	#branding-business .brand-block:first-of-type {
		padding: 40px 40px 20px 40px;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
	
	#branding-business .brand-block:nth-of-type(2),
	#branding-business .brand-block:nth-of-type(3),
	#branding-business .brand-block:nth-of-type(4),
	#branding-business .brand-block:nth-of-type(5) {
		padding: 20px 40px;
		border-radius: 0;
	}
	
	#branding-business .brand-block:last-of-type {
		padding: 20px 40px 40px 40px;
		border-bottom-left-radius: 20px !important;
		border-bottom-right-radius: 20px !important;
		border-top-left-radius: 0 !important;
		border-top-right-radius: 0 !important;
	}
	
	#branding-business p.fs-22 {
		font-size: 18px !important;
		margin-bottom: 35px !important;
	}
	
	#branding-business .brand-block img {
		margin-bottom: 0 !important;
		margin-right: 20px;
	}
	
	#branding-business .brand-block p.mb-3 {
		margin-bottom: 0 !important;
	}
	
	#branding-business .brand-block p.fs-20 {
		display: none;
	}
	
	.black-line {
		display: none;
	}
	
	/* Branding Service */
	.brand-content .fs-24,
	.brand-content .vertical-flex {
		max-height: 0;
		overflow: hidden;
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 0;
		opacity: 0;
		transform: translateY(-10px);
		transition:
			max-height 0.4s cubic-bezier(0.215, 0.61, 0.355, 1),
			opacity 0.35s ease,
			transform 0.35s ease,
			margin 0.35s ease,
			padding 0.35s ease;
		pointer-events: none;
	}

	.brand-content .fs-40 {
		position: relative;
		cursor: pointer;
		padding: 15px 0;
		margin-bottom: 0;
		transition: color 0.2s ease;
	}

	.brand-content .fs-40:hover {
		color: #444;
	}

	.brand-content.active-mobile .fs-24,
	.brand-content.active-mobile .vertical-flex {
		max-height: 1000px;
		opacity: 1;
		transform: translateY(0);
		margin-top: 8px;
		padding-bottom: 15px;
		pointer-events: auto;
	}

	.brand-content {
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		overflow: hidden;
		padding-bottom: 20px;
	}

	.brand-content.text-black.section.active.active-mobile {
		padding-bottom: 50px !important;
	}

	#branding-service .container-fluid>div {
		padding: 0 15px;
	}
	
	#branding-service .link-flex.justify-content-center.mb-5.section.active {
		display: none;
	}
	
	.flex.justify-start.gap-10 p.fw-600 {
		margin-bottom: 0;
	}

	.flex.justify-start.gap-10 p.fw-300 {
		margin-top: 0;
		padding-left: 10px;
	}

	.result-num {
		font-size: 60px;
	}
	
	.case-grid {
		display: block !important;
	}
	
	.case-grid .cursor-hover:first-of-type {
		margin-bottom: 25px;
	}
	
	.case-study-card.pt-50 {
		padding: 30px 20px !important;
	}
	
	.case-subtitle {
		font-size: 18px !important;
    	font-weight: 600 !important;
	}
	
	.case-study-title {
		font-size: 22px;
    	font-weight: 500;
	}
	
	.case-study-description {
		font-size: 16px;
		line-height: 20px;
	}
	
	/* Horizontal Scroll */
	.panel {
		min-width: 85%;
		margin-right: 0px;
	}
	
	/* Digital Marketing */
	#digital-marketing h3 {
		font-size: 24px;
	}
	
	#digital-marketing h3 span {
		font-size: 35px;
	}
	
	/* Faq */
	.section-faq .container-fluid {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	
	.section-faq .accordion-button {
		padding-right: 10px !important;
	}
	
	.section-faq h3.mb-5.text-center.margin-auto {
		margin-bottom: 15px !important;
	}
	
	.page-template-new-branding #digital-marketing-mobile h3.mb-5 {
		color: #fff;
		margin-bottom: 1.5rem !important;
		margin-top: 1.5rem !important;
	}
	
	/* About Branding */
	#about-branding .container-fluid {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	
	#about-branding .about-title {
		font-weight: bold;
		font-size: 20px;
	}
	
	#about-branding .about-icon {
		position: relative;
        top: -3px;
	}
	
	/* Lets Go */
	#lets-go {
		padding: 15px !important;
	}
	
	#lets-go .absolute-img {
		top: 40% !important;
		max-width: 300px !important;
	}
	
	/* *** WEB DESIGN *** */
	.nav-main.hero-web {
		background-position: 70% !important;
	}
	
	.page-template-new-web-design #digital-marketing-mobile h3.mb-5 {
		color: #fff;
		margin-bottom: 1.5rem !important;
		margin-top: 1.5rem !important;
	}
	
	/* *** MARKETING *** */
	.nav-main.hero-marketing {
		background-position: 70% !important;
	}
	
	.page-template-new-digital-marketing #digital-marketing-mobile h3.mb-5 {
		color: #fff;
		margin-bottom: 1.5rem !important;
		margin-top: 1.5rem !important;
	}
	
	/* *** AI *** */
	.hero-ai #carouselExample {
		display: none;
	}
	
	.hero-ai .row {
		flex-direction: column-reverse;
		justify-content: flex-start !important;
		padding-bottom: initial !important;
	}
	
	.img-mobile {
		display: block;
/* 		max-width: 350px; */
	}
	
	.img-desktop {
		display: none;
	}
	
	.text-desktop {
		display: none;
	}
	
	.text-mobile {
		display: block;
	}
	
	.page-template-new-ai-marketing #branding-business col-md-6.p-5 {		
		padding-right: calc(var(--bs-gutter-x)* .5) !important;
    	padding-left: calc(var(--bs-gutter-x)* .5) !important;
	}
	
	.page-template-new-ai-marketing #branding-business .col-md-6.outline {
		display: none;
	}
	
	.page-template-new-ai-marketing #branding-business .col-md-6.text-md-start {
		text-align: left !important;
	}
	
	.page-template-new-ai-marketing #branding-business .col-md-6.text-md-start p.fs-22 {
		margin-bottom: 10px !important;
	}
	
	.page-template-new-ai-marketing .process-wrap {
        min-height: 300px;
    }
	
	.page-template-new-ai-marketing #process-section {
		padding-bottom: 0;
	}
	
	.page-template-new-ai-marketing #digital-marketing {
		padding-bottom: 20px !important;
	}
	
	.page-template-new-ai-marketing .inner,
	.page-template-new-ai-marketing .point-card {
		padding: 2rem;
	}
	
	.page-template-new-ai-marketing .case-grid .point-card-glow {
		margin-bottom: 30px;
	}
	
	.page-template-new-ai-marketing #about-branding .flex,
	.page-template-new-ai-marketing #about-branding h3.text-start {
		text-align: center !important;
	}
	
	.page-template-new-ai-marketing #about-branding button {
		margin: 0 auto;
	}

	.page-template-new-ai-marketing #about-branding .flex {
		flex-direction: column-reverse;
	}
	
	.page-template-new-ai-marketing #digital-marketing {
		display: block;
		padding-top: 20px !important;
	}
	
	.page-template-new-ai-marketing footer {
		padding-top: 0 !important;
	}
	
	/* *** PORTFOLIO *** */
	.page-template-new-portfiolio #top-section {
		background-position: 0 !important;
	}
	
	.page-template-new-portfiolio #business h3.mb-5 {
		margin-bottom: 1.5rem !important;
	}
	
	.page-template-new-portfiolio .nav-pills.mb-5 {
		flex-wrap: wrap;
		margin-bottom: 0.5rem !important;
	}
	
	.page-template-new-portfiolio .nav-pills li {
		width: 49% !important;
		text-align: center;
		margin-bottom: 15px;
	}
	
	.page-template-new-portfiolio .nav-pills li a {
		background-color: transparent !important;
		border: none !important;
		color: #000 !important;
	}
	
	.peoject-card h4 {
		font-size: 22px !important;
		margin-bottom: 10px !important;
	}
	
	.bg-black #digital-marketing h3,
	.bg-black #digital-marketing h3.mb-5 {
		font-size: 30px !important;
		margin-bottom: 2rem !important
	}
	
	article.type-page {
		display: none;
	}
	
	.page-template-new-portfiolio #digital-marketing-mobile h3.mb-5 {
		color: #fff;
		margin-bottom: 1.5rem !important;
		margin-top: 1.5rem !important;
	}
	
	/* *** ABOUT *** */
	.page-template-new-about #top-section {
		background-position: 0 !important;
	}
	
	h3 .text-heading {
		font-size: 35px !important;
	}
	
	.page-template-new-about .logo-grid {
		display: flex;
		flex-wrap: wrap;
		grid-column-gap: 0;
	}
	
	.page-template-new-about .logo-grid div {
		justify-content: center;
		width: 33.333%;
	}
	
	p.about-text {
		font-size: 26px;
	}
	
	.p-image {
		height: 24px;
		width: auto;
	}
	
	.page-template-new-about .brand-block {
		padding: 25px;
	}
	
	.team-wrap {
		display: flex;
		align-items: center;
		text-align: left;
		padding: 20px;
		margin: -2px 20px
	}
	
	.team-wrap img {
		width: 90px;
    	border-radius: 50%;
	}
	
	.team-wrap .about-team {
		display: block;
    	padding-left: 20px;
	}
	
	.team-wrap p.mb-0 {
		margin-bottom: 5px !important;
	}
	
	.page-template-new-about .inside-grid.mb-5 {
		margin-bottom: 1.5rem !important;
	}
	
	.page-template-new-about .row-core-values .brand-block {
		margin-bottom: 15px !important;
	}
	
	/* Team Mobile Carousel */
	#team {
		display: none;
	}
	
	#team-mobile {
		padding: 50px 0;
		background-color: #f8f8f8;
	}

	/* Container for the list of team members */
	.team-mobile-list {
		padding: 0 20px;
	}

	/* Individual team member card */
	.team-member-card {
		display: flex;
		align-items: center;
		background-color: #fff;
		border-radius: 12px;
		padding: 15px;
		margin-bottom: 15px;
		box-shadow: 0 2px 8px rgba(0,0,0,0.05);
	}

	/* Image container with gradient background */
	.team-img-container {
		width: 86px;
		height: 86px;
		flex-shrink: 0;
		border-radius: 50%;
		overflow: hidden;
		position: relative;
		background: linear-gradient(135deg, #FFA500, #FF69B4);
	}

	/* Team member image */
	.team-img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 50%;
	}

	/* Team member information container */
	.team-info {
		padding-left: 20px;
	}

	/* Team member name */
	.team-name {
		font-size: 18px;
		font-weight: 500;
		margin: 0;
		color: #000;
		line-height: 1.3;
	}

	/* Team member role */
	.team-role {
		font-size: 16px;
		font-weight: 500;
		margin: 0;
		color: #FF69B4;
		line-height: 1.3;
	}

	/* Custom carousel indicators */
	.carousel-indicators {
		position: relative;
		margin-top: 15px;
		margin-bottom: 0;
		justify-content: center;
	}

	.carousel-indicators [data-bs-target] {
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background-color: #ddd;
		opacity: 1;
	}
	
	.carousel-indicators button, .carousel-indicators [data-bs-target] {
		width: 10px !important;
		height: 10px !important;
	}

	.carousel-indicators .active {
		background-color: #9932CC;
	}

	/* Remove default carousel controls */
	.carousel-control-prev,
	.carousel-control-next {
		display: none;
	}

	/* Ensure the carousel doesn't scroll horizontally */
	#teamCarousel {
		overflow: hidden;
	}
	
	/* *** SEO SERVICES *** */
	.page-template-new-seo-services .link-flex.mb-5.section.active {
		display: none;
	}
	
	.page-template-new-seo-services .performance-grid {
		display: none;
	}
	
	.page-template-new-seo-services #digital-marketing {
		display: block;
		padding-top: 1.5rem !important;
	}
	
	/* *** DIGITAL MARKETING AUTOMATION *** */
	.page-template-new-digital-marketing-automation #top-section {
		background-position: 5% !important;
	}
	
	.page-template-new-digital-marketing-automation .logo-grid {
		display: none;
	}
	
	.page-template-new-digital-marketing-automation .logo-grid.logo-grid-mobile {
		display: flex;
		flex-wrap: wrap;
        grid-column-gap: 0;
	}
	
	.page-template-new-digital-marketing-automation #about-branding .horizon {
		border-color: #fff !important;
	}
	
	.page-template-new-digital-marketing-automation .logo-grid.logo-grid-mobile div.text-center {
		margin: 10px;
    	width: calc(33.333% - 20px);
	}
	
	.page-template-new-digital-marketing-automation section#branding-service {
		padding: 0 10px;
	}
	
	#branding-service .container-fluid>div {
		padding: 0;
	}
	
	.row-reviews {
		padding-top: 0 !important;
	}
	
	.page-template-new-digital-marketing-automation #faq {
    	padding: 0 30px 40px 30px !important;
	}
	
	.page-template-new-digital-marketing-automation #digital-marketing-mobile h3.mb-5 {
		color: #fff;
		margin-bottom: 1.5rem !important;
		margin-top: 1.5rem !important;
	}
	
	/* *** SEO *** */
	.page-template-new-seo-services #top-section {
		background-position: 5% !important;
	}
	
	.page-template-new-seo-services #top-section .row {
		padding-bottom: 0 !important;
	}
	
	.page-template-new-seo-services #digital-marketing {
    	padding-bottom: 0 !important;
	}
	
	.page-template-new-seo-services #insight {
		padding-top: 30px !important;
	}
	
	.page-template-new-seo-services #faq {
		padding: 50px 30px 40px 30px !important;
	}
	
	/* *** LOCAL SEO *** */
	.page-template-new-local-seo #top-section {
		background-position: 5% !important;
	}
	
	.page-template-new-local-seo #faq {
		padding: 50px 30px 40px 30px !important;
	}
	
	.page-template-new-local-seo #branding-business {
		padding-bottom: 40px !important;
	}
	
	.page-template-new-local-seo #digital-marketing .case-study-card:first-of-type {
		margin-bottom: 15px;
	}
	
	.page-template-new-local-seo #faq {
		padding: 50px 30px 40px 30px !important;
	}
	
	.page-template-new-local-seo #faq h3.mb-5,
	.page-template-new-local-seo #faq p.mb-5 {
		margin-bottom: 1rem !important;
	}
	
	.page-template-new-local-seo #about-branding {
		padding-top: 0 !important;
	}
	
	.page-template-new-local-seo #digital-marketing-mobile h3.mb-5 {
		color: #fff;
		margin-bottom: 1.5rem !important;
		margin-top: 1.5rem !important;
	}
	
	/* *** WEB DESIGN LV *** */
	.page-template-new-web-design-lv #top-section {
		background-position: 5% !important;
	}
	
	.page-template-new-web-design-lv .link-flex {
		display: none;
	}
	
	.page-template-new-web-design-lv .category-wrap.mb-5 {
		margin-bottom: 0 !important;
	}
	
	.row-reviews .custom-btn {
		display: none;
	}
	
	.row-reviews h3.mb-3 {
		margin-bottom: 0 !important;
    	margin-top: 40px;
	}
	
	.page-template-new-web-design-lv #digital-marketing {
		padding-bottom: 0 !important;
	}
	
	.page-template-new-web-design-lv #faq {
		padding-top: 40px !important;
		padding-bottom: 30px !important;
	}
	
	.page-template-new-web-design-lv #digital-marketing-mobile h3.mb-5 {
		color: #fff;
		margin-bottom: 1.5rem !important;
		margin-top: 1.5rem !important;
	}
	
	/* *** WEB DEVELOPMENT LV *** */
	.page-template-new-web-development-lv #top-section {
		background-position: 5% !important;
	}
	
	.page-template-new-web-development-lv .link-flex {
		display: none;
	}
	
	.key-highlights {
		display: block;
	}
	
	#top-section p.fs-22 {
		font-size: 20px !important;
	}
	
	.key-highlights {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.highlight-container {
		background-color: #fff;
		border-radius: 20px;
		padding: 15px 20px;
	}

	.highlight-number {
		font-size: 35px;
		font-weight: 700;
		background: linear-gradient(to right, #F7941D, #E020EF);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
		color: transparent;
		display: inline-block;
	}

	.highlight-title {
		font-size: 22px;
		font-weight: 600;
	}
	
	.page-template-new-web-development-lv .planning-grid.mb-5 {
		margin-bottom: 1.5rem !important;
	}
	
	.page-template-new-web-development-lv #branding-business {
		padding-bottom: 40px !important;
	}
	
	.page-template-new-web-development-lv #branding-service p.fs-22.mb-5,
	.page-template-new-web-development-lv .brand-content-container.mb-5 {
		margin-bottom: 1.5rem !important;
	}
	
	.page-template-new-web-development-lv .color-blue {
		display: none;
	}
	
	.page-template-new-web-development-lv .peoject-card,
	.page-template-new-web-development-lv .category-wrap.mb-5 {
		margin-bottom: 1.5rem !important;
	}
	
	.page-template-new-web-development-lv #digital-marketing {
		padding-bottom: 0 !important;
	}
	
	.page-template-new-web-development-lv #faq {
		padding: 50px 15px 40px 15px !important;
	}
	
	.page-template-new-web-development-lv h3.mb-5 {
		margin-bottom: 1rem !important;
	}
	
	.page-template-new-web-development-lv #about-branding {
		padding-top: 0px !important;
	}
	
	.page-template-new-web-development-lv #digital-marketing-mobile h3.mb-5 {
		color: #fff;
		margin-bottom: 1.5rem !important;
		margin-top: 1.5rem !important;
	}
	
	/* *** SOCIAL MEDIA MARKETING *** */
	.page-template-new-social-media-lv #top-section {
		background-position: 5% !important;
	}
	
	.page-template-new-social-media-lv .link-flex {
		display: none;
	}
	
	.page-template-new-social-media-lv #top-section p.fs-22 {
		font-size: 20px !important;
	}
	
	.page-template-new-social-media-lv #branding-business {
		padding-bottom: 30px !important;
	}
	
	.page-template-new-social-media-lv #branding-business .pt-100 {
		padding-top: 0 !important;
	}
	
	.page-template-new-social-media-lv #insight h3.mb-5 {
		margin-bottom: 1.5rem !important;
	}
	
	.page-template-new-social-media-lv #faq {
		padding: 50px 15px 40px 15px !important;
	}
	
	.page-template-new-social-media-lv #about-branding {
		padding-top: 0px !important;
	}
	
	/* *** GROWTH MARKETING *** */
	.page-template-new-growth-marketing #top-section {
		background-position: 5% !important;
	}
	
	.page-template-new-growth-marketing #branding-business {
		padding-bottom: 40px !important;
	}
	
	.page-template-new-growth-marketing .planning-grid.mb-5 {
		margin-bottom: 1.5rem !important;
	}
	
	.page-template-new-growth-marketing .link-flex {
		display: none;
	}
	
	.page-template-new-growth-marketing #branding-service .mb-5 {
		margin-bottom: 1.5rem !important;
	}
	
	.page-template-new-growth-marketing #faq {
		padding: 50px 15px 40px 15px !important;
	}
	
	.page-template-new-growth-marketing #digital-marketing {
		display: block;
	}
	
	.page-template-new-growth-marketing #digital-marketing .bg-blacklight {
		display: none;
	}
	
	.page-template-new-growth-marketing .performance-grid {
		display: block;
	}
	
	.page-template-new-growth-marketing .num-card {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		border: none;
		border-bottom: 1px solid #333;
		border-radius: 0;
		height: initial;
		padding: 10px;
	}
	
	.page-template-new-growth-marketing .result-num {
		font-size: 30px;
		margin-bottom: 0;
		margin-right: 25px;
		width: 25%;
		text-align: right !important;
	}
	
	.page-template-new-growth-marketing .num-card-container {
		width: 25%;
		margin-right: 30px;
		text-align: right;
		height: 50px;
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
	
	.page-template-new-growth-marketing .num-card p {
		text-align: left !important;
	}
	
	.page-template-new-growth-marketing .num-card-container img.mb-3 {
		width: 30px;
		margin-bottom: 0 !important;
	}
	
	.page-template-new-growth-marketing p.fs-40 {
		margin-bottom: 0;
		font-size: 18px;
	}
	
	.page-template-new-growth-marketing .case-study-review .result-num {
		font-size: 60px;
		width: initial;
		margin-bottom: 25px;
		margin-top: 10px;
	}
	
	.page-template-new-growth-marketing #faq {
		padding: 0px 15px 40px 15px !important;
	}
	
	.page-template-new-growth-marketing #lets-go div.flex {
		display: block;
	}
	
	.page-template-new-growth-marketing #lets-go .btn-mobile-100 {
		width: 100% !important;
        display: block !important;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
	}
	
	/* *** FOOTER *** */
	.col-footer-logo.col-md-4 {
		width: 100% !important;
	}
	
	.col-footer-logo .gap-20 {
		gap: 0 !important;
	}
	
	footer .logo-container {
		width: 25%;
		justify-content: center;
	}
	
	.col-footer-menu-one,
	.col-footer-menu-two,
	footer .get-in-touch,
	footer .typeform-trigger,
	footer .social-icons {
		display: none !important;
	}
	
	.footer-bottom {
		margin-top: 0 !important;
	}
	
	footer .logo-container img {
		max-width: 25px !important;
	}

}

@media (max-width: 500px) {
	
	.img-hero {
		max-width: 300px !important;
		padding-top: 50px !important;
		margin-bottom: 30px !important;
	}
	
	/* HOME */
		
	.astronaut, .cat, .puppy {
		position: absolute;
		max-width: initial !important;
		width: initial !important;
	}

	.astronaut {
		left: 2.5%;
	}

	.cat {
		right: 5% !important;
	}

	.puppy {
		right: 10% !important;
	}
	
}

nav#pojo-a11y-toolbar,
.cky-btn-revisit-wrapper.cky-revisit-bottom-left {
	display: none !important;
}