/*************** Home Page **********/

.home-page .grid-filter-menu {
	padding-bottom: 7rem;
	padding-top: 10rem !important;
}

/* Works Page Filter - No Wrap, Pill Style */
.works-page .grid-filter-menu ul,
.section-block.grid-filter-menu ul {
	display: flex !important;
	flex-wrap: nowrap !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 10px !important;
	overflow-x: auto !important;
	-webkit-overflow-scrolling: touch !important;
	padding: 0 !important;
	margin: 0 !important;
	list-style: none !important;
	white-space: nowrap !important;
}

.works-page .grid-filter-menu li,
.section-block.grid-filter-menu li {
	display: inline-flex !important;
	flex-shrink: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}

.works-page .grid-filter-menu a,
.section-block.grid-filter-menu a {
	display: inline-flex !important;
	align-items: center !important;
	padding: 8px 20px !important;
	border: 1.5px solid #d0d0d0 !important;
	border-radius: 50px !important;
	font-size: 1.3rem !important;
	font-weight: 600 !important;
	color: #666 !important;
	background: transparent !important;
	white-space: nowrap !important;
	transition: all 0.25s ease !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
}

.works-page .grid-filter-menu a:hover,
.section-block.grid-filter-menu a:hover {
	background: #111111 !important;
	border-color: #111111 !important;
	color: #ffffff !important;
}

.works-page .grid-filter-menu a.active,
.section-block.grid-filter-menu a.active {
	background: #111111 !important;
	border-color: #111111 !important;
	color: #ffffff !important;
}

.heading_design {
	font-size: 4.2rem;
	font-weight: 500;
}

.masonry-set-dimensions.full-width>.row>.column {
	padding-left: 0;
	padding-right: 0;
}

.home-page .call-to-action-content-inner *:last-child {
	margin-bottom: 3rem;
}

.home-page .call-to-action-2 {
	padding-top: 8rem !important;
	padding-bottom: 2rem !important;
}

.home-page [class*="stats-"] .counter {
	margin-bottom: 1rem;
	font-size: 6rem;
	font-weight: 500;
}

.home-page [class*="stats-"] .description {
	font-size: 1.2rem;
	text-transform: uppercase;
	font-weight: 700;
}

.home-page .stats-1-homepage {
	padding-top: 4rem;
	padding-bottom: 4rem;
}

.home-page .stats-1-title {
	vertical-align: middle;
	margin-top: 3rem;
	margin-bottom: 3rem;
	font-weight: 700;
	font-size: 2.7rem;
}

.home-page .services-card .overlay-info.left {
	text-align: left;
	padding: 5rem 4rem;
}

.home-page .services-card .overlay-info .description {
	font-family: Lato;
	line-height: 3.5rem;
	font-size: 1.6rem;
}

.home-page .services-card .overlay-info>span>span {
	display: block;
	vertical-align: initial;
}

.home-page .services-card .overlay-info .project-title {
	display: block;
	font-family: Lato;
	text-transform: none;
	font-weight: 700;
	font-size: 1.8rem;
	position: absolute;
	bottom: 20px;
}

.home-page .services-card .overlay-info>span {
	padding: 0;
}

.rotate {
	position: absolute;
	font-size: 26px;
	right: auto;
	/* Safari */
	-webkit-transform: rotate(-90deg);
	/* Firefox */
	-moz-transform: rotate(-90deg);
	/* IE */
	-ms-transform: rotate(-90deg);
	/* Opera */
	-o-transform: rotate(-90deg);
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.rotate h3 {
	font-size: 3.3rem;
	font-weight: 400;
}

.brand-rotate {
	left: -3rem;
	top: 57%;
}

.web-rotate {
	left: -5rem;
	top: 53%;
}

.mobile-rotate {
	left: -6rem;
	top: 51%;
}

.digital-rotate {
	left: -5rem;
	top: 52%;
}

.video-rotate {
	left: -5.5rem;
	top: 52%;
}

.pr-rotate {
	left: -3.5rem;
	top: 56%;
}

/* Services Cards Box Height (4 Cards Single Line Layout) */
.services-card.brand-container .content-grid-4 {
	display: flex !important;
	flex-wrap: nowrap !important;
	width: 100% !important;
	margin: 0 !important;
}

.services-card.brand-container .content-grid-4 .grid-item {
	width: 25% !important;
	float: left !important;
	box-sizing: border-box !important;
	height: 480px !important;
	min-height: 480px !important;
	max-height: 480px !important;
}

.services-card.brand-container .content-grid-4 .grid-item .thumbnail,
.services-card.brand-container .content-grid-4 .grid-item .overlay-link {
	height: 100% !important;
	min-height: 100% !important;
	max-height: 100% !important;
	width: 100% !important;
}

.services-card.brand-container .content-grid-4 .grid-item .thumbnail img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center !important;
}

.services-card .rotate h3 {
	font-size: 3.3rem !important;
	font-weight: 400 !important;
	white-space: nowrap !important;
}

.services-card .brand-rotate {
	left: -3rem !important;
	top: 56% !important;
}

.services-card .digital-rotate {
	left: -5rem !important;
	top: 52% !important;
}

.services-card .mobile-rotate {
	left: -5.5rem !important;
	top: 52% !important;
}

.services-card .web-rotate {
	left: -5rem !important;
	top: 53% !important;
}

@media (max-width: 992px) {
	.services-card.brand-container .content-grid-4 {
		flex-wrap: wrap !important;
	}

	.services-card.brand-container .content-grid-4 .grid-item {
		width: 50% !important;
	}
}

@media (max-width: 600px) {
	.services-card.brand-container .content-grid-4 .grid-item {
		width: 100% !important;
	}
}

.demo figcaption h3 {
	color: #ffb238;
	font-size: 25px;
	margin: 0.5em 0;
}

.team-content h3 {
	color: #ffb238;
	font-size: 25px;
	margin: 0.5em 0;
}

.small-border {
	width: 50px;
	height: 4px;
	background: #ef2d36;
}


/* Client Logos */


/* Client Logo */

.client-grayscale {
	display: block;
	width: 100%;
	height: auto;
	transition: opacity 0.3s ease;
}

.client-overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease;
	background-color: #ffffff;
}

.home-page .hover-client:hover .client-overlay {
	opacity: 1;
}

.home-page .hover-client:hover .client-grayscale {
	opacity: 0;
}

.home-page .hover-client {
	position: relative;
}

.client-original {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	background: transparent;
}

@media only screen and (max-width: 977px) {
	.no-padding-left {
		padding-left: 1.5rem !important;
	}
	.no-padding-right {
		padding-right: 1.5rem !important;
	}
}

/* ==========================================================================
   Clean Office Locations Layout (Matching Screenshot 4)
   ========================================================================== */
.contact-locations-clean {
	padding: 70px 0 85px 0 !important;
	width: 100% !important;
}

.clean-locations-grid {
	display: flex !important;
	justify-content: flex-start !important;
	flex-wrap: wrap !important;
	gap: 60px 80px !important;
	max-width: 1140px !important;
	margin: 0 auto !important;
	padding: 0 20px !important;
}

.clean-location-item {
	flex: 1 1 300px !important;
	max-width: 360px !important;
	min-width: 260px !important;
	text-align: left !important;
}

.location-city-title {
	font-family: 'Lato', 'Helvetica Neue', sans-serif !important;
	font-size: 26px !important;
	font-weight: 700 !important;
	color: #1a102f !important;
	letter-spacing: -0.3px !important;
	margin: 0 0 16px 0 !important;
	line-height: 1.25 !important;
}

.location-address-text {
	font-family: inherit !important;
	font-size: 15px !important;
	line-height: 1.65 !important;
	color: #6b6b7b !important;
	margin: 0 0 16px 0 !important;
	font-weight: 400 !important;
}

.location-see-map {
	font-family: inherit !important;
	display: inline-block !important;
	font-size: 14.5px !important;
	font-weight: 500 !important;
	color: #e53935 !important;
	text-decoration: underline !important;
	text-underline-offset: 4px !important;
	transition: color 0.2s ease, opacity 0.2s ease !important;
}

.location-see-map:hover {
	color: #b71c1c !important;
	opacity: 0.9 !important;
}

@media (max-width: 767px) {
	.contact-locations-clean {
		padding: 40px 0 55px 0 !important;
	}
	.clean-locations-grid {
		gap: 40px !important;
	}
	.clean-location-item {
		flex: 1 1 100% !important;
		max-width: 100% !important;
	}
	.location-city-title {
		font-size: 22px !important;
	}
}


/************ Contact Page **************/

.contact-form-container .form-element,
.contact-form-container textarea,
.signup-form-container .form-element,
.signup-form-container textarea,
.search-form-container .form-element,
.comment-form .form-element,
.comment-form textarea {
	border: 1px solid #c0c0c0;
}

.contact-form-container .teamup-form .form-element,
.contact-form-container .teamup-form textarea {
	margin-bottom: 1.5rem;
}

.teamup-form textarea {
	min-height: 9rem;
}

.contact-form-container .teamup-form .form-element.large {
	padding: 1.1rem 3rem;
	font-size: 1.1rem;
}

.teamup-form-container {
	margin-bottom: 0px;
}


/***** Footer *****************/

.footer .row {
	max-width: 100%;
}

.footer .footer-top {
	padding-top: 4rem;
	padding-bottom: 0rem;
}

.footer .widget {
	margin-bottom: 0;
}

.footer .social-list.quick-link-list a {
	font-family: 'Lato';
	font-weight: 500;
	font-size: 1.6rem;
	border-right: 1px solid #666;
	padding-right: 7px;
	margin-right: 0px;
	text-transform: none;
	letter-spacing: 0;
	line-height: 3rem;
}

.footer ul.social-list.quick-link-list li a.last-child {
	border: none;
}

.footer .social .social-list a {
	border-radius: 50%;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	width: 30px;
	font-size: 14px;
	border: 1px solid;
	border-color: #666;
}


/* Theme Reset */

button.large,
.button.large {
	padding: 1.4rem 3rem;
	font-size: 1.8rem !important;
}

#tml-content.scrollable-content:not(.modal-dialog) {
	background: #fff;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}


/*.tms-caption {
    font-weight: 400;
}*/

.custom-pink {
	color: #b08e91;
}


/*.services-card.grid-container.full-width.no-margins {
    padding-top: 11rem !important;
    padding-bottom: 11rem !important;
}*/


/***************** About Page *****************/

.about-page .services-card .overlay-info.left {
	text-align: left;
	padding: 5rem 4rem;
}

.about-page .services-card .overlay-info .project-title {
	display: block;
	font-family: Lato;
	text-transform: none;
	font-weight: 700;
	font-size: 1.8rem;
	position: absolute;
	bottom: 20px;
}

.about-page .about-intro .text-line-vertical:after {
	margin-top: 4rem;
}

.about-page [class*="hero-"] .column:first-child .split-hero-content .hero-content-inner {
	padding-right: 7.5rem;
	text-align: justify;
	font-size: 1.6rem;
}

.about-page .our-thinking {
	color: #dedede;
}

.about-page .our-thinking.call-to-action-2 {
	padding-top: 11rem !important;
	padding-bottom: 5rem !important;
}

.title-mlarge {
	font-size: 7rem;
}

.about-page .rotate h3 {
	font-size: 3.5rem;
	font-weight: 300;
}

.about-page .services-card .overlay-info .description {
	line-height: 3.5rem;
	font-size: 1.6rem;
}

.about-page .process-desc {
	font-size: 2.6rem;
	color: black !important;
}

.about-page .hero-5-about-conceps .media-column {
	background-image: url(../images/about/about-conceps.jpg);
}


/****** WORKS IMAGES ***/

.work-page .bkg-expertise {
	background-image: url(../images/assets/banners/work_banner.jpg);
}


/************* Expertise Page ****************/

.services-page .bkg-expertise {
	background-image: url(../images/assets/banners/services_banner.jpg);
}

.services-page .text-line-vertical:after {
	margin-top: 4.3rem;
}

.services-page .hero-5 {
	margin-bottom: 3rem;
}

.services-page .hero-5-expertise-1 .media-column {
	background-image: url(../images/services/brand-design.png);
}

.services-page .hero-5-expertise-2 .media-column {
	background-image: url(../images/services/web-engineering.png);
}

.services-page .hero-5-expertise-3 .media-column {
	background-image: url(../images/services/mobile-applications.png);
}

.services-page .hero-5-expertise-4 .media-column {
	background-image: url(../images/services/digital-marketing.png);
}

.services-page .expertise-desc {
	list-style: disc;
	font-size: 2.5rem;
	font-weight: 300;
	margin: 0;
	padding: 0;
	margin-left: 2.5rem;
}

.services-page .expertise-desc.category-service {
	list-style: disc;
	font-size: 2.2rem;
	font-weight: 300;
	margin: 0;
	padding: 0;
	margin-left: 2.5rem;
}

.services-page [class*="hero-"] .column+.column .split-hero-content .hero-content-inner,
.services-page [class*="hero-"] .column[class*="push-"] .split-hero-content .hero-content-inner {
	padding-left: 5.5rem;
	padding-right: 0rem;
}

@media only screen and (max-width: 768px) {

	.services-page [class*="hero-"] .column+.column .split-hero-content .hero-content-inner,
	.services-page [class*="hero-"] .column[class*="push-"] .split-hero-content .hero-content-inner {
		padding-left: 0;
	}
}


/* Pagination 3 Customized */

.pagination-3 .pagination {
	width: 5.2rem;
	height: 5.2rem;
	padding: 0;
	line-height: 5.2rem;
	border: none;
	border-radius: 0;
}

.pagination-3 li {
	margin-left: -0.4rem;
}

.pagination-3 .pagination.current,
.pagination-3 .pagination:hover {
	background: #232323;
}

.pagination-3 .pagination.pagination-previous,
.pagination-3 .pagination.pagination-next {
	width: 5.2rem;
	height: 5.2rem;
	max-width: 16rem;
	border-width: 2px;
	border-style: solid;
	border-radius: 0;
	line-height: 4.8rem;
	position: relative;
}

.pagination-3 .pagination-previous:after,
.pagination-3 .pagination-next:after {
	width: 6.5rem;
	height: 0.1rem;
	background-color: #000;
	content: "";
	position: absolute;
	top: 50%;
	-webkit-transition-property: background-color, transform;
	-moz-transition-property: background-color, transform;
	-o-transition-property: background-color, transform;
	transition-property: background-color, transform;
	-webkit-transition-duration: 400ms;
	-moz-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	-ms-transition-duration: 400ms;
	transition-duration: 400ms;
}

.pagination-3 .pagination-previous:after {
	right: -4rem;
}

.pagination-3 .pagination-next:after {
	left: -4rem;
}

.pagination-3 .pagination.pagination-previous:hover:after {
	background-color: #ddd;
	-webkit-transform: translate3d(4rem, 0, 0);
	-moz-transform: translate3d(4rem, 0, 0);
	-o-transform: translate3d(4rem, 0, 0);
	transform: translate3d(4rem, 0, 0);
}

.pagination-3 .pagination.pagination-next:hover:after {
	background-color: #ddd;
	-webkit-transform: translate3d(-4rem, 0, 0);
	-moz-transform: translate3d(-4rem, 0, 0);
	-o-transform: translate3d(-4rem, 0, 0);
	transform: translate3d(-4rem, 0, 0);
}

.pagination-3 .pagination:hover {
	background-color: #000;
}

.pagination-3 [class*="icon-"] {
	margin: 0;
	font-size: 2.2rem;
	line-height: 4.8rem;
	position: relative;
}

.pagination-3 .pagination.disabled:after {
	background-color: #ddd;
}


/* header */

.header {
	width: 100% !important;
}

.header .header-inner {
	padding-left: 3rem !important;
	padding-right: 3rem !important;
	box-sizing: border-box !important;
}

.header .logo-inner {
	padding: 0 !important;
}

.toggle-menu .aux-navigation {
	display: block !important;
}

.toggle-menu-fixed {
	right: 6rem;
	position: fixed;
	top: 5rem;
	z-index: 100;
	width: 4.5rem;
}

.toggle-menu .navigation {
	float: right
}

.toggle-menu .secondary-navigation.nav-left:not(.with-division)>ul {
	margin-left: -1.5rem
}

.toggle-menu .secondary-navigation.nav-right:not(.with-division)>ul {
	margin-right: -1.5rem
}


/*.toggle-menu .navigation .nav-icon,
.toggle-menu .navigation .v-align-middle,
.toggle-menu .navigation.nav-left:first-child > .nav-icon,
.toggle-menu .navigation.nav-right:last-child > .nav-icon {
    padding: 0 1.5rem
}*/

.toggle-menu .with-division .nav-icon,
.toggle-menu .with-division .v-align-middle,
.toggle-menu .with-division>ul>li:last-child>.nav-icon {
	padding: 0 2rem !important
}

.toggle-menu .navigation .nav-icon,
.toggle-menu .navigation .nav-icon [class*="icon-"],
.toggle-menu .navigation .nav-icon [class*="icon-"]:before,
.toggle-menu .social-list [class*="icon-"] {
	margin: 0;
	line-height: inherit;
	float: none
}

.toggle-menu .navigation .nav-icon [class*="icon-"] {
	display: initial
}

.toggle-menu .navigation .nav-icon {
	font-size: 1.4rem;
	background: none;
	border: none
}

.toggle-menu .with-division ul {
	float: left
}

.toggle-menu .with-division ul {
	border-left: 1px solid rgba(0, 0, 0, .2)
}

.toggle-menu .with-division li {
	border-right: 1px solid rgba(0, 0, 0, .2)
}


/*------------------------------------------------------------------
[8. Auxiliary Navigation]
*/


/* Aux Navigation Show */

.toggle-menu .navigation-show {
	width: 4.4rem;
	height: 4.4rem;
	margin-left: 0;
}


/* Initial & Hover Colors */

.toggle-menu .navigation-show a {
	font-size: 2.4rem;
	text-align: center;
	color: #666;
	border: 1px solid #eee;
}

.toggle-menu .navigation .navigation-show.nav-icon {
	font-size: 2rem;
	line-height: 4.4rem;
}

.toggle-menu .navigation-show a:hover {
	color: #000;
	opacity: 1;
}


/* Transparent Header Initial & Hover Colors */

.toggle-menu .navigation .navigation-show.nav-icon {
	color: #fff;
	background-color: #000;
	border-color: rgba(255, 255, 255, 0.2);
}

.toggle-menu.navigation .navigation-show.nav-icon:hover {
	color: #666;
	border-color: rgba(255, 255, 255, 1);
}


/* Header with Background Initial & Hover Colors */

.toggle-menu .navigation-show a {
	color: #666;
	border-color: #eee;
}

.toggle-menu .navigation-show a:hover {
	color: #000;
	border-color: #eee;
}


/* Aux Navigation Hide */

.navigation-hide {
	width: 4.4rem;
	height: 4.4rem;
	margin-top: 1.9rem;
	margin-right: 0;
}

.navigation-hide a {
	background: none;
}

.navigation-hide a span {
	width: 4.4rem;
	font-size: 3.4rem;
}

@media only screen and (min-width: 960px) {
	.header .header-inner {
		padding: 2rem 0 0 3rem;
	}

	.header {
		/* border-top-width: 3rem; */
		/* border-top-style: solid; */
		border: none;
		margin-top: 3rem;
	}

	.header .logo,
	.header .header-inner .navigation>ul>li,
	.header .header-inner .navigation>ul>li>a:not(.button),
	.header .header-inner .dropdown>.nav-icon {
		height: 4rem;
		line-height: 4rem;
	}

	.border-3 {
		border-top-width: 3rem;
		border-top-style: solid;
		border-color: #fff;
		position: fixed;
		width: 100%;
		top: 0;
		z-index: 100;
	}
}

@media only screen and (max-width: 960px) {
	.header .header-inner {
		padding-left: 2rem !important;
		padding-right: 2rem !important;
	}

	.header .logo-inner {
		padding: 1.5rem 0 !important;
	}

	.toggle-menu-fixed {
		right: 4.5rem;
		top: 1.5rem;
	}
}

@media only screen and (min-width: 960px) {
	.toggle-menu .with-division ul {
		border-left: 1px solid rgba(255, 255, 255, 0.2)
	}

	.toggle-menu .with-division li {
		border-right: 1px solid rgba(255, 255, 255, 0.2)
	}
}

.section-block.replicable-content.testimonials-content,
.row.xlarge.replicable-content {
	padding-top: 50px;
	padding-bottom: 80px;
}

@media only screen and (max-width: 1140px) {
	.grid-container.img-parall .grid .grid-item {
		width: 100%;
	}
}

@media only screen and (max-width: 960px) {

	.grid-container.img-parall.full-width.small-margins .grid .grid-item,
	.grid-container.img-parall.full-width.no-margins .grid .grid-item {
		width: 100%;
	}
}

.section-block.page-navgation,
.fullscreen-section .fullscreen-inner,
.pagination-2 .pagination-next,
.row.xlarge {
	padding-top: 4rem;
	padding-bottom: 8rem;
}

.section-block.website {
	padding: 20px 0 50px 0;
}

.scroll-down a,
.scroll-to-top a {
	margin-right: -4rem;
	margin-top: 0rem;
}

@media only screen and (max-width: 320px) {
	.home-page .services-card.brand-container .overlay-info.left {
		padding: 3rem 1rem !important;
		border-bottom: 2px solid #242424;
	}

	.home-page .services-card.brand-container .overlay-info .description {
		font-family: Lato;
		line-height: 2.5rem;
		font-size: 1.4rem;
	}
}

@media only screen and (max-width: 320px) {
	h3 {
		font-size: 1.6rem;
	}
}

@media only screen and (max-width: 320px) {
	.home-page .services-card.brand-container .overlay-info .project-title.learn {
		font-size: 1.6rem;
		position: absolute;
		bottom: 0px !important;
	}
}

@media only screen and (max-width: 500px) {
	.home-page .services-card.brand-container .overlay-info.left {
		padding: 3rem 1rem !important;
		border-bottom: 15px solid #fff;
	}

	.home-page .services-card.brand-container .overlay-img-slide-left .home_brand_list {
		padding: 0 10px;
	}

	.home-page .services-card.brand-container .overlay-info .description {
		font-family: Lato;
		line-height: 2.5rem;
		font-size: 1.4rem;
		padding: 0 10px;
	}
}

@media only screen and (max-width: 500px) {
	h3 {
		font-size: 1.6rem;
	}
}

@media only screen and (max-width: 500px) {
	.home-page .services-card.brand-container .overlay-info .project-title.learn {
		font-size: 1.6rem;
		position: absolute;
		bottom: 0px !important;
		left: 25px;
	}
}

@media only screen and (max-width: 960px) {
	.pagination-3 li a .project_name {
		top: 45px !important;
		left: 0 !important;
		right: 0;
		/* margin: auto; */
		text-align: left;
	}

	.pagination-3 li a .project_name1 {
		top: 48px !important;
		right: -77px !important;
	}
}

@media only screen and (max-width: 960px) {

	.grid-container.img-parall.full-width.small-margins .grid.content-grid-2 .grid-item,
	.grid-container.img-parall.full-width.no-margins .grid.content-grid-2 .grid-item {
		width: 50%;
	}

	.grid-container.img-parall.full-width.small-margins .grid.content-grid-3 .grid-item,
	.grid-container.img-parall.full-width.no-margins .grid.content-grid-3 .grid-item {
		width: 33.33333%;
	}

	.footer-top .widget .social-list {
		text-align: center
	}
}

.pagination-3 li a .project_name1 {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 340px;
	font-weight: 400;
	margin-right: 60px;
	text-align: center;
}

.pagination-3 li a .project_name {
	position: absolute;
	top: 0;
	width: 310px;
	font-weight: 400;
	margin-left: 70px;
	text-align: center;
}

.pagination-3 a.current,
.pagination-3 a:hover .project_name,
.pagination-3 a.current,
.pagination-3 a:hover .project_name1 {
	color: #ef2d36;
}

.pagination-3 .show-all a {
	width: 15.2rem;
	font-size: 1.4rem;
	font-weight: 400;
}

.error {
	color: red;
	text-align: left;
	margin-top: -25px;
	font-size: 13px;
	font-weight: 400;
	margin-bottom: 2px;
}

#team-form .error {
	color: red;
	text-align: left;
	margin-top: -5px;
	font-size: 13px;
	font-weight: 400;
	margin-bottom: 2px;
}

.contact-form-container .form-element,
.contact-form-container textarea,
#team-form .form-element,
#team-form textarea {
	text-transform: none;
}

.textimonial_after:after {
	width: 50px;
	height: 1px;
	margin-top: 3rem;
	border-bottom: 1px solid #777;
	position: absolute;
	top: 100%;
	left: 0;
	content: '';
	right: 0;
	text-align: center;
	margin: auto;
}


/*@media only screen and (max-width: 790px){
     .header-responsive{
            width: 93%;
            height: 50px;
            background: black;
            position: absolute;
            top: 14px;
     }
}

@media only screen and (max-width: 400px){
     .header-responsive{
            width: 84%;
            height: 50px;
            background: black;
            position: absolute;
            top: 14px;
     }
}
@media only screen and (min-width: 500px){
    .header-responsive{
            width: 88%;
            height: 50px;
            background: black;
            position: absolute;
            top: 14px;
    } 
    .header .logo a:first-child {
        top:-17px;
    }
}*/

.section-block,
.fullscreen-section .fullscreen-inner,
.pagination-2 .pagination-next,
.row.xlarge {
	padding-bottom: 3rem;
	padding-top: 5rem;
}

.learn-more-btn {
	margin-top: 35px;
}

.learn-more-btn button.large,
.button.large {
	padding: 1rem 2rem;
}

.title-xlarge {
	font-size: 6rem;
}

.m-t-20 {
	margin-top: 20px;
}

.m-t-30 {
	margin-top: 30px;
}

.masonry-set-dimensions .grid .grid-item {
	margin-bottom: 0;
	padding: .5rem;
	position: relative;
}

.f-w-400 {
	font-weight: 400;
}

.text-line-vertical:after {
	width: 1px;
	height: 6rem;
	margin-top: 1rem;
	border-right: 1px solid #777;
	position: absolute;
	top: 100%;
	left: 50%;
	content: '';
}

a:hover,
p a:hover,
.box a:not(.button):hover,
.social-list li a:hover,
.post-info a:hover,
.widget a:hover,
.team-1 .social-list a:hover,
.team-2 .social-list a:hover,
.side-navigation-footer .social-list a:hover,
.accordion li a:hover,
.accordion li.active a,
.tabs li a:hover,
.tabs li.active a,
.tabs li.active a:hover,
.blog-masonry .with-background .post-read-more a:hover,
.overlay-navigation-wrapper .navigation-hide a,
.post-info-over a:hover,
.post-info-over a:hover span,
.post-author-aside a:hover,
.post-love a:hover,
.post-love a:hover span,
.navigation-hide a,
.footer .social-list a:hover,
.scroll-to-top a:hover,
.footer .list-group a:hover+.post-info .post-date,
#tml-exit,
.scroll-down a:hover,
.footer .navigation a:hover,
.footer .footer-top a:hover {
	color: #ef2d36;
}

.footer .footer-top .social_icon a:hover {
	color: #fff;
	background-color: black;
}

.background_image_pattern {
	background: url(../images/services/conceps_pattern.svg);
	background-repeat: repeat;
}

.content_design {
	color: white !important;
	font-size: 1.8rem;
}

.content_design_black {
	color: black !important;
	font-size: 1.8rem;
}

.about-intro .text-line-vertical:after {
	width: 1px;
	height: 6rem;
	margin-top: 1rem;
	border-right: 1px solid #777;
	position: absolute;
	top: 100%;
	left: 50%;
	content: '';
}

.learn-more-btn .learn {
	display: block;
	font-family: Lato;
	text-transform: none;
	font-weight: 700;
	font-size: 2rem;
}

.brand-design-page .brand-size {
	font-size: 4.2rem !important;
	line-height: 4.5rem !important;
	font-weight: 500;
}

.color_grey_plus {
	color: #828181 !important
}

.brand-design-page .brand-design.brand-identity .pt-40 {
	padding-top: 2.5rem !important;
}

.brand-design-page .section-block {
	padding-top: 7rem;
	padding-bottom: 7rem;
}

.brand-design-page.brand_collection .text-medium {
	font-size: 1.8rem !important;
}

.web-engineering-page.brand-design-page .brand_design_part.text-medium {
	font-size: 1.8rem !important;
}

.mobile_design_page.brand-design-page .brand_design_part.text-medium {
	font-size: 1.8rem !important;
}

.digital_marketing_page.brand-design-page .brand_design_part.text-medium {
	font-size: 1.8rem !important;
}

@media only screen and (max-width: 960px) {
	.brand-design-page.brand_collection .brand_new.section-block {
		padding-top: 10rem !important;
	}

	.web-engineering-page.brand-design-page .web_engineering_pages.section-block {
		padding-top: 10rem !important;
		padding-bottom: 4rem !important;
	}

	.brand-design-page.brand_collection .section-block {
		padding-top: 2rem !important;
	}

	.web-engineering-page.brand-design-page .section-block {
		padding-top: 2rem !important;
	}

	.mobile_design_page.brand-design-page .section-block {
		padding-top: 2rem !important;
	}

	.mobile_design_page.brand-design-page .mobile_deisgn_brand.section-block {
		padding-top: 10rem !important;
	}

	.digital_marketing_page.brand-design-page .section-block {
		padding-top: 2rem !important;
	}

	.digital_marketing_page.brand-design-page .digital_marketing_brand.section-block {
		padding-top: 10rem !important;
	}

	.brand-design-page.brand_collection .text-medium {
		font-size: 1.8rem !important;
	}

	.brand-design-page .brand-size {
		font-size: 2.2rem !important;
		line-height: 2.5rem !important;
		font-weight: 500;
	}

	.web-engineering-page.brand-design-page .brand_design_part.text-medium {
		font-size: 1.8rem !important;
	}

	.mobile_design_page.brand-design-page .brand_design_part.text-medium {
		font-size: 1.8rem !important;
	}

	.digital_marketing_page.brand-design-page .brand_design_part.text-medium {
		font-size: 1.8rem !important;
	}
}

.about-page .bkg-expertise {
	background-image: url(../images/assets/banners/about_us_banner.jpg);
}

.contact-page .bkg-expertise {
	background-image: url(../images/assets/banners/contact_us_banner.jpg);
}

/* Universal Full-Width - No Side Gaps / No Black Bars */
html {

	scrollbar-gutter: stable;
}

body {
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	background-color: #fff;
}

.wrapper,
.wrapper-inner,
.content {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Container System for Page Content */
.container {
	width: 100%;
	max-width: 1200px;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	box-sizing: border-box;
}

.container-fluid {
	width: 100%;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	box-sizing: border-box;
}

@media (min-width: 1400px) {
	.container {
		max-width: 1320px;
	}
}

@media (max-width: 1200px) {
	.container {
		max-width: 1140px;
	}
}

@media (max-width: 960px) {
	.container {
		max-width: 100%;
		padding-left: 2rem;
		padding-right: 2rem;
	}
}

@media (max-width: 640px) {
	.container {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
}

/* Portfolio Section Side Gaps, Center Gaps & Equal Height Cards */
.portfolio-home-container {
	padding-left: 3.5rem !important;
	padding-right: 3.5rem !important;
	margin: 0 auto !important;
	box-sizing: border-box;
}

.portfolio-home-container .grid-item {
	padding: 12px !important;
	height: 280px !important;
	box-sizing: border-box !important;
}

.portfolio-home-container .grid-item .thumbnail {
	width: 100% !important;
	height: 100% !important;
	max-height: 256px !important;
	overflow: hidden !important;
	background-color: #ffffff !important;
	border-radius: 6px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.portfolio-home-container .grid-item .thumbnail a.overlay-link {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
}

.portfolio-home-container .grid-item .thumbnail img {
	width: 100% !important;
	height: 100% !important;
	max-height: 256px !important;
	object-fit: cover !important;
	object-position: center !important;
	display: block !important;
}

@media only screen and (max-width: 960px) {
	.portfolio-home-container {
		padding-left: 1.5rem !important;
		padding-right: 1.5rem !important;
	}

	.portfolio-home-container .grid-item {
		height: 240px !important;
		padding: 8px !important;
	}

	.portfolio-home-container .grid-item .thumbnail,
	.portfolio-home-container .grid-item .thumbnail img {
		height: 100% !important;
		max-height: 224px !important;
	}
}

@media only screen and (max-width: 640px) {
	.portfolio-home-container .grid-item {
		height: 220px !important;
		padding: 6px !important;
	}

	.portfolio-home-container .grid-item .thumbnail,
	.portfolio-home-container .grid-item .thumbnail img {
		height: 100% !important;
		max-height: 208px !important;
	}
}

/* Homepage Slider Banner Height & Responsive Video/Image System */
.home-page .featured-media,
.home-page .featured-media.window-height,
.home-page .featured-media .tm-slider-container,
.home-page .featured-media .tms-slides,
.home-page .featured-media .tms-slide {
	height: 65vh !important;
	min-height: 520px !important;
	max-height: 620px !important;
}

.home-page .tms-slide img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center !important;
}

.home-page #home-bkg-video {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	z-index: 1 !important;
	display: block !important;
}

/* Mobile Responsive Slider Settings */
.mobile-banner-media {
	display: none !important;
}

.desktop-banner-media {
	display: block !important;
}

@media only screen and (max-width: 960px) {

	.home-page .featured-media,
	.home-page .featured-media.window-height,
	.home-page .featured-media .tm-slider-container,
	.home-page .featured-media .tms-slides,
	.home-page .featured-media .tms-slide {
		height: 460px !important;
		min-height: 460px !important;
		max-height: 460px !important;
	}

	.home-page .tms-caption.title-large {
		font-size: 3rem !important;
		line-height: 3.4rem !important;
	}
}

@media only screen and (max-width: 768px) {
	.desktop-banner-media {
		display: none !important;
	}

	.mobile-banner-media {
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		object-position: center !important;
	}

	video.mobile-banner-media {
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		z-index: 1 !important;
	}
}

@media only screen and (max-width: 640px) {

	.home-page .featured-media,
	.home-page .featured-media.window-height,
	.home-page .featured-media .tm-slider-container,
	.home-page .featured-media .tms-slides,
	.home-page .featured-media .tms-slide {
		height: 360px !important;
		min-height: 360px !important;
		max-height: 360px !important;
	}

	.home-page .tms-caption.title-large {
		font-size: 2.2rem !important;
		line-height: 2.6rem !important;
	}

	.home-page .tms-caption.font-alt-1,
	.home-page .tms-caption.title-medium {
		font-size: 1.4rem !important;
		line-height: 1.8rem !important;
	}

	.home-page .tms-content-inner {
		padding: 0 1.5rem !important;
	}
}

.header-fixed {
	position: fixed;
	top: 0;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	z-index: 100;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.header,
.header .header-inner,
.header .logo,
.header .navigation,
.header .navigation-show {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.overlay-navigation-wrapper .tagline-logo {
	top: 20px;
	left: 6px;
	width: 17.4rem;
	height: 5.4rem;
	position: fixed;
}

.branding_slider_owl .owl-carousel .owl-item img {
	display: block;
	width: 100%;
	border: 1px solid #ddd;
	padding: 15px;
}

[class*="intro-title-"]+.section-block,
.featured-media+.about-page .section-block {
	padding-top: 1rem;
	border-top: none;
}

.brand-design-page .section-block {
	padding-top: 7rem;
	padding-bottom: 4rem !important;
}

.web-engineering-page.brand-design-page .section-block {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}

.web-engineering-page.brand-design-page .section-block {
	padding-top: 0rem !important;
	padding-bottom: 0rem !important;
}

/* Full-width responsive banner system (1920px & all screens) */
.brand-design-banner,
.brand_banner,
.web_engineering_pages,
.mobile_deisgn_brand,
.digital_marketing_brand,
.service_banner,
.work_banner,
.about_banner,
.contact_banner,
.brand-design-header-banner {
	width: 100% !important;
	max-width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden;
	position: relative;
	background-color: #000;
}

.brand-design-banner .section-block,
.brand_banner .section-block,
.web_engineering_pages .section-block,
.mobile_deisgn_brand .section-block,
.digital_marketing_brand .section-block,
.service_banner .section-block,
.work_banner .section-block,
.about_banner .section-block,
.contact_banner .section-block {
	width: 100% !important;
	max-width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}

.brand-design-banner img,
.brand_banner img,
.web_engineering_pages img,
.mobile_deisgn_brand img,
.digital_marketing_brand img,
.service_banner img,
.work_banner img,
.about_banner img,
.contact_banner img,
.mobile-view-img,
.mobile-view-img-1,
.brand-banner-image {
	width: 100% !important;
	min-width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	display: block !important;
	object-fit: cover !important;
}

.mobile_deisgn_brand .section-block {
	padding-bottom: 0px !important;
}

.web-engineering-page.brand-design-page #Approach2 .brand-design-banner .section-block {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}

.web-engineering-page.brand-design-page #Approach3.section-block {
	padding-top: 2rem !important;
}

.web-engineering-page.brand-design-page .web-engineering-sample-img .section-block {
	padding-top: 2rem !important;
}

.web-engineering-page.brand-design-page .platforms_tech.section-block {
	padding-top: 2rem !important;
}

.web-engineering-page.brand-design-page .brand-design.brand-identity.web_identity {
	padding-top: 5rem !important;
	padding-bottom: 4rem !important;
}

.brand-design-page.brand_collection .brand-design.brand-identity.brand_design_content_aprt {
	padding-top: 4rem !important;
	padding-bottom: 3rem !important;
}

.mobile_design_page.brand-design-page .brand-design.brand-identity.mobile_design_identity {
	padding-top: 3rem !important;
	padding-bottom: 2rem !important;
}

.contact-page .say_hello_section.section-block {
	padding-top: 7rem;
	padding-bottom: 4rem;
}

.there-is-more-for-you {
	padding-top: 40px !important;
}

.digital_marketing_page.brand-design-page .brand-design.brand-identity {
	padding-top: 50px !important;
}

.services-card .center-on-mobile .call-to-action-content .pt-110 {
	padding-top: 6rem;
}

.home-page #about.section-block {
	padding-top: 4rem;
}

.home-page .recent_branding.section-block.grid-filter-menu {
	padding-top: 7rem !important;
}


/*.brand-design-page .brand-design-banner .section-block {
        padding-top: 3rem;
}*/

.mobile_design_page.brand-design-page .mobile_deisgn_menus.more-menu {
	text-align: center;
	font-size: 1.6rem;
	padding-bottom: 60px;
}

.digital_marketing_page.brand-design-page .digital_marketing_menu.more-menu {
	text-align: center;
	font-size: 1.6rem;
	padding-bottom: 60px;
}

@media only screen and (max-width: 960px) {

	/**** Home ****/
	.home-page #about.section-block {
		padding-top: 1rem;
	}

	.heading_design {
		font-size: 2.2rem;
		font-weight: 500;
	}

	.home-page [class*="stats-"] .counter {
		margin-bottom: 1rem;
		font-size: 3rem;
		font-weight: 500;
	}

	.home-page .stats-1-title {
		font-size: 1.7rem;
	}

	[class*="content-grid"] .grid-item {
		margin: 0 0 1rem;
	}

	.home-page .stats-1-homepage {
		padding-top: 1rem;
		padding-bottom: 0rem;
	}

	.home-page .recent_branding.section-block.grid-filter-menu {
		padding-top: 4rem !important;
	}

	.home-page .grid-filter-menu {
		padding-bottom: 4rem;
	}

	.home-page .stats-1-homepage {
		border-bottom: 15px solid #fff;
	}

	/**** End Home ****/
	/*** Services ****/
	.services-page .expertise-desc.category-service {
		font-size: 1.8rem;
	}

	.services-page .learn-more-btn .learn {
		font-size: 1.5rem;
	}

	.title-medium {
		font-size: 1.8rem;
	}

	.section-block,
	.fullscreen-section .fullscreen-inner,
	.pagination-2 .pagination-next,
	.row.xlarge {
		padding-bottom: 3rem;
	}

	.view_works.section-block {
		padding-bottom: 2rem;
		padding-top: 1rem;
	}

	/**** End Services ****/
	/**** About ****/
	.about-page .about-intro .text-line-vertical:after {
		margin-top: 6rem;
	}

	.title-xlarge {
		font-size: 3rem;
	}

	.services-card .center-on-mobile .call-to-action-content .pt-110 {
		padding-top: 3rem;
	}

	.pb-50,
	.section-block.pb-50 {
		padding-bottom: 2rem;
	}

	.about-page .call-to-action-content-inner.heading_design {
		font-size: 2.8rem;
		font-weight: 500;
	}

	.about-page .services-card .overlay-info.left {
		border-bottom: 15px solid #fff;
	}

	.about-page .call-to-action-content-inner .heading_design {
		font-size: 2.8rem;
		font-weight: 500;
	}

	/**** End About ****/
	/**** Contact ****/
	.our_address_resp {
		margin-bottom: 30px;
	}

	.say_hello_section.section-block {
		padding-top: 6rem;
		padding-bottom: 0rem;
	}

	/* Address Cards Alignment & Spacing */
	.flex-address-row {
		display: flex !important;
		flex-wrap: wrap !important;
		align-items: stretch !important;
		justify-content: center !important;
		gap: 30px !important;
		width: 100% !important;
		max-width: 1200px !important;
		margin: 0 auto !important;
		padding: 0 20px !important;
		box-sizing: border-box !important;
		float: none !important;
	}

	.address-card-col {
		flex: 1 1 300px !important;
		width: 100% !important;
		max-width: 360px !important;
		margin: 0 !important;
		padding: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		float: none !important;
	}

	.address-card-inner {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: 100%;
		padding: 35px 25px;
		background: #ffffff;
		border-radius: 12px;
		box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
		transition: all 0.3s ease;
		border: 1px solid #eaeaea;
		text-align: center;
		box-sizing: border-box;
	}

	.address-card-inner:hover {
		transform: translateY(-4px);
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	}

	.address-card-inner h2 {
		font-size: 1.5rem !important;
		font-weight: 700 !important;
		margin-bottom: 20px !important;
		color: #111 !important;
		line-height: 1.3 !important;
		max-width: 240px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		text-align: center !important;
	}

	.address-card-inner .contact-add {
		flex-grow: 1;
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-bottom: 25px;
		line-height: 1.7;
		color: #555;
	}

	.address-btn-wrapper {
		margin-top: auto;
	}

	.coming-soon-btn {
		background-color: #e5e5e5 !important;
		color: #666 !important;
		cursor: default !important;
		pointer-events: none;
		box-shadow: none !important;
		border-radius: 4px;
		font-weight: 600;
	}

	@media (max-width: 768px) {
		.flex-address-row {
			flex-direction: column;
			gap: 20px;
		}

		.address-card-col {
			flex: 1 1 100% !important;
			width: 100% !important;
		}
	}

	/**** End Contact ****/
	/**** Brand Design ****/
	.brand-design-page .service-strage .brand_design_strategy {
		border-bottom: 15px solid white;
	}

	.brand-design-page.brand_collection .brand-design.brand-identity.brand_design_content_aprt {
		padding-top: 3rem !important;
		padding-bottom: 0rem !important;
	}

	.brand-design.brand-print-design.section-block.our-thinking.mt-30 {
		margin-top: 1rem;
	}

	.brand-design.brand-print-design.brand_our_services .call-to-action-content-inner .pb-40 {
		padding-bottom: 0rem;
	}

	.services-card .how_we_r_content .pd-bm-60 {
		padding-bottom: 35px;
	}

	.brand-design-page.brand_collection .services-card .how_we_r_content .pd-tp-80 {
		padding-top: 15px;
	}

	.brand-design-page.brand_collection .clicking_menu.more-menu ul li {
		display: block;
	}

	.there-is-more-for-you {
		padding-top: 0px !important;
	}

	.there-is-more-for-you ul,
	ol {
		margin: 0 0 0 0;
	}

	/**** End Brand Design ****/
	/**** Web Development ****/
	.web-engineering-page.brand-design-page .service-strage .web_deisgn_list {
		border-bottom: 15px solid white;
	}

	.web-engineering-page.brand-design-page .brand-design.brand-identity.web_identity {
		padding-top: 2rem !important;
		padding-bottom: 1rem !important;
	}

	.web-engineering-page.brand-design-page #Approach3.section-block {
		padding-top: 1rem !important;
	}

	.web-engineering-page.brand-design-page .platforms_tech .call-to-action-content-inner .pd-bm-60 {
		padding-bottom: 30px;
	}

	.web-engineering-page.brand-design-page .platforms_tech.section-block {
		padding-top: 0rem !important;
	}

	.web-engineering-page.brand-design-page .web_deisgn_menus.more-menu ul li {
		display: block;
	}

	.web-engineering-page.brand-design-page #Approach3 .call-to-action-content-inner .pb-40 {
		padding-bottom: 1rem;
	}

	/**** End Web Development ****/
	/**** Mobile Development ****/
	.mobile_design_page.brand-design-page .brand-design.brand-identity.mobile_design_identity .pt-40 {
		padding-top: 0rem !important;
	}

	.mobile_design_page.brand-design-page .services_we_offer .call-to-action-content-inner .pd-bm-60 {
		padding-bottom: 35px;
	}

	.mobile_design_page.brand-design-page .services_we_offer .call-to-action-content-inner .pd-tp-80 {
		padding-top: 20px;
	}

	.mobile_design_page.brand-design-page .service-strage .mobile_design_strategy {
		border-bottom: 15px solid white;
	}

	.mobile_design_page.brand-design-page .mobile_deisgn_menus.more-menu ul li {
		display: block;
	}

	.mobile_design_page.brand-design-page .mobile_deisgn_menus.more-menu {
		padding-bottom: 40px;
	}

	/**** End Mobile Development ****/
	/**** Digital Marketing ****/
	.digital_marketing_page.brand-design-page .digital_marketing_menu.more-menu ul li {
		display: block;
	}

	.digital_marketing_page.brand-design-page .brand-design.brand-identity.digital_genx {
		padding-top: 30px !important;
		padding-bottom: 3rem !important;
	}

	.digital_marketing_page.brand-design-page .digital_marketing_menu.more-menu {
		padding-bottom: 30px;
	}

	/**** End Digital Marketing ****/
	/****  Footer ****/
	.footer .social-list.quick-link-list a {
		font-size: 1.2rem;
	}

	.footer .copyright {
		font-size: 1.2rem;
	}

	/**** End  Footer ****/
}

@media only screen and (max-width: 320px) {

	.section-block,
	.fullscreen-section .fullscreen-inner,
	.pagination-2 .pagination-next,
	.row.xlarge {
		padding-bottom: 5rem;
	}

	.footer .social-list.quick-link-list a {
		padding-right: 5px;
	}

	.footer .footer_no_padding {
		padding: 0;
	}

	.footer .social-list a {
		margin: 0 0.6rem 0.5rem 0.6rem;
	}
}

@media only screen and (min-width: 768px) {
	/*    .bkg-expertise.section-block{
        padding-bottom: 18rem;
    }
    .brand-design-page .brand_new.section-block {
        padding-bottom: 18rem !important;
    }
    .web-engineering-page.brand-design-page .web_engineering_pages.section-block {
         padding-bottom: 18rem !important;
    }
    .brand-design-page .digital_marketing_brand.section-block {
        padding-bottom: 18rem !important;
    }
    .brand-design-page .mobile_deisgn_brand.section-block {
        padding-bottom: 21rem !important;
    }*/
}


/*@media only screen and (max-width: 734px) and (orientation : landscape){
    .about-page .about_banner.section-block{
        padding-bottom: 20rem;
    }
}*/

@media only screen and (max-width: 736px) and (orientation: landscape) {
	.about-page .about_banner.section-block {
		padding-bottom: 20rem;
	}

	.service_banner.section-block {
		padding-bottom: 18rem;
	}

	.contact-page .contact_banner.section-block {
		padding-bottom: 18rem;
	}

	.brand-design-page .brand_new.brand .full-width-slider {
		height: 12rem !important;
	}

	.web-engineering-page .web_engineering_pages.brand .full-width-slider {
		height: 12rem !important;
	}

	.mobile_design_page .mobile_deisgn_brand.brand .full-width-slider {
		height: 13rem !important;
	}

	.digital_marketing_page .digital_marketing_brand.brand .full-width-slider {
		height: 12rem !important;
	}
}


/*@media only screen and (max-width: 1024px) and (orientation : landscape){
    .about-page .about_banner.section-block.intro-title-1 {
        height: 36rem;
    }
    .services-page .service_banner.section-block.intro-title-1 {
        height: 36rem;
    }
    .work-page .work_banner.section-block.intro-title-1 {
        height: 36rem;
    }
    .contact-page .contact_banner.section-block.intro-title-1 {
        height: 36rem;
    }
    .brand_new.brand .full-width-slider {
        height: 12rem !important;
    }
    .web_engineering_pages.brand .full-width-slider {
        height: 12rem !important;
    }
    .mobile_deisgn_brand.brand .full-width-slider {
        height: 12rem !important;
    }
    .digital_marketing_brand.brand .full-width-slider {
        height: 12rem !important;
    }
}*/

.img-fluid {
	max-width: 100%;
	height: auto;
}

.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}


/* malles update */

.brand-1 {
	padding-top: 7rem;
	padding-bottom: 7rem;
}


/* media-query update */


/* @media only screen and (max-width: 640px) {
.mobile-link {

    display: none;

    }
} */

@media only screen and (max-width: 960px) {

	.brand-design-banner,
	.brand_banner,
	.web_engineering_pages,
	.mobile_deisgn_brand,
	.digital_marketing_brand,
	.service_banner,
	.work_banner,
	.about_banner,
	.contact_banner,
	.brand-design-header-banner {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	.brand-design-banner .section-block,
	.brand_banner .section-block,
	.web_engineering_pages .section-block,
	.mobile_deisgn_brand .section-block,
	.digital_marketing_brand .section-block,
	.service_banner .section-block,
	.work_banner .section-block,
	.about_banner .section-block,
	.contact_banner .section-block {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		margin: 0 !important;
	}

	.overlay-navigation-wrapper .tagline-logo {
		display: none;
	}

	.scroll-to-top {
		display: none !important;
	}

	.scroll-down {
		display: none !important;
	}
}

@media only screen and (max-width: 640px) {

	.brand-design-banner,
	.brand_banner,
	.web_engineering_pages,
	.mobile_deisgn_brand,
	.digital_marketing_brand,
	.service_banner,
	.work_banner,
	.about_banner,
	.contact_banner,
	.brand-design-header-banner {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	.brand-design-banner .section-block,
	.brand_banner .section-block,
	.web_engineering_pages .section-block,
	.mobile_deisgn_brand .section-block,
	.digital_marketing_brand .section-block,
	.service_banner .section-block,
	.work_banner .section-block,
	.about_banner .section-block,
	.contact_banner .section-block {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		margin: 0 !important;
	}

	.row.small {
		padding: 0rem 0;
	}

	.grid-item {
		padding-bottom: 10%;
	}

	.no-margins {
		line-height: 20px;
	}

	.overlay-navigation-wrapper .tagline-logo {
		top: 30px;
		left: 0px;
		width: 18.4rem;
	}

	.navigation-hide a span {
		margin-left: 40px;
	}

	.heading_design {
		font-size: 2rem;
	}

	.hero-5.show-media-column-on-mobile .media-column {
		height: 30rem;
	}

	h2,
	.title-large {
		font-size: 2.6rem;
	}

	.mb-30 {
		margin-bottom: 2rem;
	}

	.title-large {
		line-height: 3rem;
	}

	.services-page .expertise-desc.category-service {
		font-size: 1.7rem;
	}

	.grid-filter-menu li {
		font-size: 1.2rem
	}

	.masonry-set-dimensions .grid .grid-item {
		padding: 1.5rem;
	}

	.about-page [class*="hero-"] .column:first-child .split-hero-content .hero-content-inner {
		font-size: 1.5rem;
	}

	.hero-5.show-media-column-on-mobile .media-column {
		margin-bottom: 3.5rem;
	}

	.pt-40 {
		padding-top: 3rem;
	}

	.section-block {
		padding-top: 3.5rem;
	}

	.content_design {
		font-size: 1.5rem;
		text-align: justify;
	}

	.mob-abt {
		display: none;
	}

	.about-page .process-desc {
		font-size: 1.6rem !important;
		letter-spacing: 0.2px;
		line-height: 25px;
		text-align: justify;
	}

	.content_design_black {
		letter-spacing: 0.2px;
		line-height: 25px;
		font-size: 1.6rem;
		text-align: justify;
	}

	.testimonial-5 .testimonial-slider p {
		font-size: 1.6rem;
	}

	.brand-design-page.brand_collection .text-medium {
		font-size: 1.6rem !important;
	}

	.brand-design-page.brand_collection .clicking_menu.more-menu ul li {
		padding-bottom: 2%;
		font-size: 1.8rem;
	}

	.web-engineering-page.brand-design-page .brand_design_part.text-medium {
		font-size: 1.6rem !important;
	}

	.web-engineering-page.brand-design-page .web_deisgn_menus.more-menu ul li {
		padding-bottom: 2%;
		font-size: 1.8rem;
	}

	.mobile_design_page.brand-design-page .brand_design_part.text-medium {
		font-size: 1.6rem !important;
		/* text-align: justify;
    line-height: 25px; */
	}

	.mobile_design_page.brand-design-page .mobile_deisgn_menus.more-menu ul li {
		padding-bottom: 2%;
		font-size: 1.8rem;
	}

	.digital_marketing_page.brand-design-page .brand_design_part.text-medium {
		font-size: 1.6rem !important;
	}

	.digital_marketing_page.brand-design-page .digital_marketing_menu.more-menu ul li {
		padding-bottom: 2%;
	}

	.brand-design-at-conceps {
		font-size: 1.8rem !important;
	}

	.brand-design.brand-identity {
		padding-top: 35px !important;
	}

	.brand-design-page .text-medium {
		font-size: 1.8rem !important;
	}

	.more-menu ul li {
		padding-bottom: 2%;
	}

	.contact-add {
		text-align: inherit;
	}

}

@media (min-width: 976px) {
	.pagination-3 li a .project_name {
		width: 180px;
	}

	.pagination-3 li a .project_name1 {
		width: 250px;
	}
}

@media (max-width: 976px) {
	.pagination-3 li a .project_name {
		display: none;
	}

	.pagination-3 li a .project_name1 {
		display: none;
	}
}

.col-custm-1 {
	padding-left: 0;
	padding-right: 0;
}

@media only screen and (min-width: 321px) and (max-width: 360px) {
	.tm-slider-container.full-width-slider.show-on-hover {
		width: 320px !important;
	}
}

@media only screen and (max-width: 960px) {
	.footer .footer-top {
		padding-top: 2rem !important;
	}

	.footer .footer-top .social {
		padding-bottom: 2rem !important;
	}
}

#brief .text-line-vertical:after {
	height: 25px;
	margin-top: 8px;
}

/* Homepage "LET'S START SOMETHING GREAT TOGETHER" Section */

.cta-great-together-section {
	background: #08090c !important;
	padding: 8rem 0 9rem 0 !important;
	position: relative !important;
	overflow: hidden !important;
	color: #ffffff !important;
}

.cta-great-bg-pattern {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	background-image: radial-gradient(circle, rgba(234, 75, 53, 0.08) 1px, transparent 1px);
	background-size: 24px 24px;
	pointer-events: none;
	opacity: 0.7;
}

.cta-great-title {
	font-size: 90px !important;
	font-weight: 700 !important;
	line-height: 1.15 !important;
	letter-spacing: -0.5px !important;
	text-transform: uppercase !important;
	color: #ffffff !important;
	margin-bottom: 0 !important;
	font-family: inherit;
}

.cta-great-title .text-white-pure {
	color: #ffffff !important;
	opacity: 1 !important;
}

.cta-great-title .highlight-lime {
	color: #ea4b35 !important;
	opacity: 1 !important;
	text-shadow: 0 0 25px rgba(234, 75, 53, 0.3) !important;
}

.cta-great-btn {
	display: inline-block !important;
	background: #ea4b35 !important;
	color: #ffffff !important;
	font-weight: 700 !important;
	font-size: 1.3rem !important;
	letter-spacing: 0.5px !important;
	text-transform: none !important;
	padding: 13px 32px !important;
	border-radius: 4px !important;
	border: 1px solid #ea4b35 !important;
	transition: all 0.3s ease !important;
	box-shadow: 0 4px 15px rgba(234, 75, 53, 0.3) !important;
}

.cta-great-btn:hover {
	background: #ffffff !important;
	color: #ea4b35 !important;
	border-color: #ffffff !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 8px 25px rgba(255, 255, 255, 0.35) !important;
}

@media (max-width: 992px) {
	.cta-great-title {
		font-size: 4.2rem !important;
	}
}

@media (max-width: 768px) {
	.cta-great-title {
		font-size: 3.2rem !important;
		line-height: 1.25 !important;
	}

	.cta-great-together-section {
		padding: 6rem 0 7rem 0 !important;
	}
}

@media (max-width: 480px) {
	.cta-great-title {
		font-size: 2.5rem !important;
	}
}

/* Address Section Equal Height & Button Horizontal Baseline Alignment */

.flex-address-row {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: stretch !important;
	width: 100% !important;
	margin: 0 !important;
}

.address-card-col {
	width: 33.333333% !important;
	display: flex !important;
	flex-direction: column !important;
	box-sizing: border-box !important;
	padding: 0 15px !important;
	float: none !important;
}

.address-card-inner {
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
	height: 100% !important;
	width: 100% !important;
	box-sizing: border-box !important;
	background: transparent !important;
}

.address-card-inner .contact-add {
	flex-grow: 1 !important;
	margin-bottom: 25px !important;
	min-height: 140px !important;
}

.address-btn-wrapper {
	margin-top: auto !important;
	padding-top: 10px !important;
}

@media (max-width: 768px) {
	.flex-address-row {
		flex-wrap: wrap !important;
	}

	.address-card-col {
		width: 100% !important;
		margin-bottom: 30px !important;
	}
}

/* Work Page H1 60px Responsive Styling */
.work-detail-page h1,
.work-page h1,
.work_banner h1,
.work-title,
h1.work-title {
	font-size: 60px !important;
	line-height: 1.2 !important;
}

@media only screen and (max-width: 991px) {

	.work-detail-page h1,
	.work-page h1,
	.work_banner h1,
	.work-title,
	h1.work-title {
		font-size: 44px !important;
	}
}

@media only screen and (max-width: 767px) {

	.work-detail-page h1,
	.work-page h1,
	.work_banner h1,
	.work-title,
	h1.work-title {
		font-size: 34px !important;
	}
}

@media only screen and (max-width: 480px) {

	.work-detail-page h1,
	.work-page h1,
	.work_banner h1,
	.work-title,
	h1.work-title {
		font-size: 26px !important;
	}
}

/* ==========================================================================
   Dark 5-Column Agency Footer (Matching Screenshot)
   ========================================================================== */
.footer.dark-agency-footer {
	background: #000000 !important;
	padding: 85px 0 0 0 !important;
	width: 100% !important;
	box-sizing: border-box !important;
	font-family: 'Lato', 'Helvetica Neue', sans-serif !important;
	color: #999999 !important;
	position: relative !important;
	z-index: 10 !important;
	border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.dark-agency-footer .dark-footer-inner {
	max-width: 1320px !important;
	margin: 0 auto !important;
	padding: 0 40px !important;
	box-sizing: border-box !important;
	width: 100% !important;
}

.dark-agency-footer .dark-footer-grid {
	display: flex !important;
	justify-content: space-between !important;
	align-items: flex-start !important;
	flex-wrap: nowrap !important;
	width: 100% !important;
	margin-bottom: 55px !important;
	gap: 0 !important;
}

.dark-agency-footer .footer-col {
	flex: 1 1 0 !important;
	padding: 0 28px !important;
	box-sizing: border-box !important;
	border-right: none !important;
}

.dark-agency-footer .footer-col:first-child {
	padding-left: 0 !important;
	flex: 1.25 1 0 !important;
}

.dark-agency-footer .footer-col:last-child {
	border-right: none !important;
	padding-right: 0 !important;
	flex: 1.35 1 0 !important;
}

.dark-agency-footer .footer-brand-title {
	font-family: 'Open Sans', 'Lato', sans-serif !important;
	font-size: 26px !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	letter-spacing: 1px !important;
	text-transform: uppercase !important;
	margin: 0 0 20px 0 !important;
	line-height: 1.2 !important;
}

.dark-agency-footer .footer-brand-logo-img {
	height: 32px !important;
	width: auto !important;
	display: block !important;
	margin: 0 0 20px 0 !important;
	object-fit: contain !important;
	transition: opacity 0.25s ease, transform 0.25s ease !important;
}

.dark-agency-footer .footer-brand-logo-img:hover {
	opacity: 0.85 !important;
	transform: scale(1.02) !important;
}

.dark-agency-footer .footer-bio-text {
	font-size: 14px !important;
	line-height: 1.75 !important;
	color: #8c8c8c !important;
	margin: 0 !important;
}

.dark-agency-footer .footer-col-title {
	font-family: 'Open Sans', 'Lato', sans-serif !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	letter-spacing: -0.2px !important;
	margin: 0 0 24px 0 !important;
	line-height: 1.3 !important;
}

.dark-agency-footer .footer-links-list {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
}

.dark-agency-footer .footer-links-list li {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
}

.dark-agency-footer .footer-links-list a {
	font-family: 'Open Sans', 'Lato', sans-serif !important;
	font-size: 14.5px !important;
	font-weight: 400 !important;
	color: #969696 !important;
	text-decoration: none !important;
	transition: color 0.25s ease, transform 0.25s ease !important;
	display: inline-block !important;
	border: none !important;
	line-height: 1.4 !important;
}

.dark-agency-footer .footer-links-list a:hover {
	color: #ffffff !important;
	transform: translateX(3px) !important;
}

.dark-agency-footer .footer-contact-info {
	display: flex !important;
	flex-direction: column !important;
	gap: 14px !important;
}

.dark-agency-footer .footer-address {
	font-size: 14px !important;
	line-height: 1.7 !important;
	color: #8c8c8c !important;
	margin: 0 !important;
}

.dark-agency-footer .footer-phone,
.dark-agency-footer .footer-email {
	margin: 0 !important;
}

.dark-agency-footer .footer-phone a,
.dark-agency-footer .footer-email a {
	font-size: 14.5px !important;
	color: #969696 !important;
	text-decoration: none !important;
	transition: color 0.25s ease !important;
}

.dark-agency-footer .footer-phone a:hover,
.dark-agency-footer .footer-email a:hover {
	color: #ef2d36 !important;
}

/* Circular Social Icons in Footer */
.footer-social-circles {
	display: flex !important;
	gap: 12px !important;
	margin: 25px 0 0 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.footer-social-circles li {
	margin: 0 !important;
	padding: 0 !important;
}

.footer-social-circles a {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 38px !important;
	height: 38px !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
	border-radius: 50% !important;
	color: #999999 !important;
	font-size: 15px !important;
	transition: all 0.3s ease !important;
	background: transparent !important;
}

.footer-social-circles a:hover {
	color: #ffffff !important;
	border-color: #ffffff !important;
	background: rgba(255, 255, 255, 0.05) !important;
	transform: translateY(-2px) !important;
}

.dark-agency-footer .dark-footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
	padding: 25px 0 !important;
	text-align: center !important;
	position: relative !important;
	overflow: hidden !important;
}

.footer-bg-watermark {
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	font-size: 220px !important;
	font-weight: 900 !important;
	color: transparent !important;
	-webkit-text-stroke: 1px rgba(255, 255, 255, 0.15) !important;
	text-transform: lowercase !important;
	letter-spacing: 15px !important;
	pointer-events: none !important;
	z-index: 1 !important;
	font-family: 'Lato', sans-serif !important;
	line-height: 1 !important;
	user-select: none !important;
	white-space: nowrap !important;
	text-align: center !important;
}

@media (max-width: 767px) {
	.footer-bg-watermark {
		font-size: 100px !important;
		letter-spacing: 5px !important;
	}
}

.dark-agency-footer .footer-copyright-text {
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1 !important;
	font-size: 14px !important;
	color: #cccccc !important;
	font-weight: 400 !important;
	letter-spacing: 0.2px !important;
	position: relative !important;
	z-index: 2 !important;
	display: inline-block !important;
}

@media (max-width: 1100px) {
	.dark-agency-footer .dark-footer-grid {
		flex-wrap: wrap !important;
		gap: 35px 0 !important;
	}

	.dark-agency-footer .footer-col {
		flex: 1 1 33.333% !important;
		border-right: none !important;
		padding: 0 20px 20px 20px !important;
	}

	.dark-agency-footer .footer-col:first-child {
		flex: 1 1 50% !important;
		padding-left: 20px !important;
	}

	.dark-agency-footer .footer-col:last-child {
		flex: 1 1 50% !important;
		padding-right: 20px !important;
	}
}

@media (max-width: 767px) {
	.footer.dark-agency-footer {
		padding: 60px 0 30px 0 !important;
	}

	.dark-agency-footer .dark-footer-grid {
		flex-direction: column !important;
		gap: 30px !important;
	}

	.dark-agency-footer .footer-col,
	.dark-agency-footer .footer-col:first-child,
	.dark-agency-footer .footer-col:last-child {
		flex: 1 1 100% !important;
		width: 100% !important;
		padding: 0 !important;
		border-right: none !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
		padding-bottom: 25px !important;
	}

	.dark-agency-footer .footer-col:last-child {
		border-bottom: none !important;
	}
}