@charset "UTF-8";

/*
Theme Name: Twenty Twenty-One
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.7
Requires PHP: 5.6
Version: 2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, portfolio

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/


@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

*{ margin:0; padding:0; box-sizing:border-box; }
html{margin:0; padding:0; box-sizing:border-box;}
body{ color:#000; font-family: "Plus Jakarta Sans", sans-serif; font-size:16px; line-height: 160%; }
.d-none-all{ display:none !important;}

a, button{ text-decoration:none; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
a:hover, , button:hover{-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.font-medium{ font-weight:500; }
.font-semi-bold{ font-weight:600; }
ul{ margin:0; padding:0; }
ul li{ list-style:none; }
p{ color:#686868; line-height: 1.6; }
h1,h2,h3{font-family: "Chakra Petch", sans-serif; font-weight: 400; line-height: 100%;}
h4,h5,h6{font-family: "Chakra Petch", sans-serif;  font-weight: 400; line-height: 160%;}
.chakra-petch{font-family: "Plus Jakarta Sans", sans-serif; }
.plus-jakarta{font-family: "Plus Jakarta Sans", sans-serif; }
h5{line-height: 160%;}
.common-heading{ font-size:48px;}
h3.small-heading{ font-size:36px; }
.container{ max-width:1248px; margin-right:auto !important; margin-left:auto !important; }
#page {overflow: hidden;}
img{ max-width:100%; }

/* Breadcrumb */
.breadcrumb {position: relative; z-index: 99; }
.breadcrumb a{ color:#000; margin-right:6px; }
.breadcrumb span > span + span a { margin-left: 6px;}
.breadcrumb .breadcrumb_last{ color:#686868; margin-left:6px; }
/* Breadcrumb End*/

/* Header */
header.site-header{ background: #fff; z-index: 999; position: relative;}
header.site-header { position:fixed; top: 0; left: 0; width: 100%; background:transparent; }
.custom-logo {max-height: 58px; width: auto; }
/*.home .custom-logo-link img, .image-white img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
.home header.site-header .menu-wrapper li a{ color:#fff; }*/
header.site-header .menu-wrapper {display: flex;}
header.site-header .menu-wrapper li a{ font-size:16px; font-weight:500; color:#000; padding:10px 16px; text-transform: uppercase;}
/*.home header.site-header .menu-wrapper li a:hover{color:#fff;}*/

header.site-header .menu-wrapper li a:hover, .home header.bg-change .menu-wrapper li a:hover{color:#686868;}
header.site-header ul li.contact-btn a{ border:1px solid #000000; border-radius:100px; padding:10px 32px; color:#000; background: transparent; margin-left:24px;text-transform: uppercase; }
header.site-header ul li.contact-btn a:hover{ background:#000; border-color:#000; color:#fff; }

/*.home header.site-header ul li.contact-btn a{ border-color:#fff; background:#fff; }
.home header.site-header ul li.contact-btn a:hover{ background:#000; border-color:#000;}
.home header.bg-change ul li.contact-btn a{ border-color:#000;  background:#fff; }
.home header.bg-change ul li.contact-btn a:hover{ background:#000; color:#fff; }*/

header.site-header .navbar { padding: 16px 0; }
header.site-header .container-fluid{ padding-right:40px; padding-left:40px; }
header.bg-change {width: 100%; position: fixed; top: 0; left: 0; background: #fff; box-shadow: 0 0 5px #aeaeae; z-index: 999; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }

/*.home header.bg-change{ background:#fff; }
.home header.bg-change .custom-logo-link img{ filter:inherit; }
.home header.bg-change .menu-wrapper li a{ color:#000; }*/

.right-menu-outer{ display:flex; justify-content:center; align-items:center; }
.sub-menu-toggle {display: none; }
header.site-header .navbar-toggler {width: 44px; height: 44px; border-radius: 50%; border: 1px solid #000; padding: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; outline: 0; margin-left: 8px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
header.site-header .navbar-toggler .navbar-icon {width: 16px; background: #000; display: block; height: 1px; margin: 3px 0; }
header.site-header .navbar-toggler:focus{ box-shadow:none; }

/*.home header.site-header .navbar-toggler{ border-color:#fff;}
.home header.site-header .navbar-toggler .navbar-icon{ background:#fff;}
.home header.bg-change .navbar-toggler{ border-color:#000;}
.home header.bg-change .navbar-toggler .navbar-icon{ background:#000;}
.home header.site-header .navbar-toggler:hover{ background:#000; border-color:#000;}
.home header.site-header .navbar-toggler:hover .navbar-icon {	background: #fff;}*/
.site-logo img {
	width: 120px;
	height: auto;
}
header.site-header .navbar-toggler:hover{ background:#000;}
header.site-header .navbar-toggler:hover .navbar-icon {	background: #fff;}

.no-scroll header.site-header .custom-logo-link img, .no-scroll header.site-header .image-white img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.no-scroll header.site-header .menu-wrapper li a{ color: #fff;}
.no-scroll header.site-header ul li.contact-btn a {border-color: #fff;	background: transparent; color:#fff;}
.no-scroll header.site-header ul li.contact-btn a:hover{ background:#fff; color:#000;}
.no-scroll header.site-header .navbar-toggler.open {background: #FFF !important; border-color:#fff; transition: all 0.3s ease;}
.no-scroll header.site-header .navbar-toggler.open .navbar-icon{ background:#fff;}
.no-scroll header.site-header .navbar-toggler.open:hover .navbar-icon{ background:#000;}
.no-scroll header.site-header .navbar-toggler.open:hover{ transform: scale(1.1); background:#fff !important; border-color:#fff;}
.no-scroll header.site-header .menu-wrapper li a:hover{ color:#b9b9b9;}
header.site-header .navbar-toggler.open .navbar-icon{ margin:0;}
.navbar-toggler.open .icon-one {transform: rotate(45deg); top: 1px;  position: relative;}
.navbar-toggler.open .icon-two { opacity: 0; display:none !important;}
.navbar-toggler.open .icon-three {transform: rotate(-45deg);position: relative;	top: -1px;}
header.site-header .navbar-toggler.open .navbar-icon{ width: 18px; height: 2px; background:#000;}
/*.home header.site-header .navbar-toggler.open {	background: #fff;}
.home header.site-header .navbar-toggler.open:hover .navbar-icon{ background:#000;}*/
.no-scroll { overflow: hidden;  height: 100vh;}
.no-scroll header.site-header {background: #000;}

header.site-header #navbarSupportedContent {position: absolute; width: 100%; background: rgb(0, 0, 0); top: 80px; left: 0px; color: rgb(255, 255, 255); padding: 24px 40px 32px; overflow:auto; height: calc(100vh - 80px); transition: inherit !important;}

header.site-header #navbarSupportedContent label {font-weight: 500; font-size: 16px; color: #ffffff; display: block; border-bottom: 1px solid #fff; padding-bottom: 32px; margin-bottom: 32px; }
#menu-mobile-menu li a {font-size: 24px; color: #fff; padding: 8px 0; display: inline-block; line-height: 160%; position: relative; transition: all 0.3s ease; }
#menu-mobile-menu li a::after {content: ""; position: absolute; left: 0; bottom: 6px; width: 0; height: 1px; background-color: #b9b9b9; transition: width 0.3s ease;}
#menu-mobile-menu li a:hover::after {width: 100%;}

#menu-mobile-menu li a:hover{ color:#b9b9b9;}
#menu-mobile-menu li .sub-menu a {font-size: 20px; position: relative; padding-left: 56px;  }
#menu-mobile-menu li .sub-menu a::after {content: ''; position: absolute; left: 24px; top: 50%; width: 16px; height: 1px; background: #fff; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
#menu-mobile-menu li .sub-menu a:hover::after{ left:30px; background:#686868; }
#navbarSupportedContent .mobile-menu-row {display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; column-gap: 64px; }

.header-post-box .post-box {padding: 16px; margin-bottom: 16px; border: 1px solid #fff; }
.header-post-box .post-box .post-title {font-weight: 500; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid #686868; }
.header-post-box .post-box .menu-post-date {display: flex; justify-content: space-between; align-items:center; }
.header-post-box .post-box .menu-post-date a {height: 24px; width: 24px; text-align: center; }
.header-post-box .post-box .menu-post-date a img {max-width: 100%; width: 10px; }
.header-post-box .post-box .menu-post-date .client-name { font-size: 14px; text-transform: uppercase; font-weight: 500; margin:0; }
.header-post-box .post-box .menu-post-date span {font-size: 14px;}
.site-content {padding-top: 83px;}

/*.home .site-content {padding-top: 0px;}*


/* Header End */

/* Home Page */
.home-banner {

	overflow: hidden;
  position: relative;
}
.home-banner::before {
	content: "";
	display: block !important;
	overflow: hidden;
	clear: both;
	position: absolute;
	background: #000;
	width: 100%;
	height: 100%;
	z-index: 9;
	left: 0;
	top: 0;
	/* z-index: -1; */
	opacity: .6;
}
.home-banner .vc_row {
	position: relative;
	z-index: 9;
}

.home-banner-second .wpb_wrapper {display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
.home-banner-second .wpb_wrapper p{ font-size:14px; }
.home-banner-second h1.vc_custom_heading {margin-bottom: 158px !important;}
.home-banner-second h2.vc_custom_heading{ font-weight:300;}

.home-banner h1.vc_custom_heading {
	font-size: 54px;
	font-family: "Plus Jakarta Sans", sans-serif;
	font-weight: 600;
	margin-bottom: 15px !important;
	max-width: 774px;
	line-height: 72px;
}
.home-banner .banner-icon .vc_icon_element-icon{font-size:14px !important;}
.home-banner .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-md .vc_icon_element-icon{ font-size:0 !important; z-index: 99; }
.second-hero-column{padding-bottom:20px;}
.home-banner .banner-icon .vc_icon_element-icon::before{ font-size:14px !important; }
.home-banner .banner-icon .vc_icon_element-link {border: 1px solid #fff !important; font-size: 14px !important; }
.home-banner .banner-icon .vc_icon_element-color-white:hover .vc_icon_element-link{ background:#fff; border-color:#fff !important; color:#000; }
.home-banner .banner-icon .vc_icon_element-color-white:hover .vc_icon_element-icon{ color:#000 !important; pointer-events:none; }
.home-banner .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner{ border:0 !important; }

.who-are-we .tage-listing ul {display: flex; flex-wrap: wrap; align-items: baseline;}
.who-are-we .tage-listing ul li { background: #E3E3E3; padding: 6px 16px; margin-right: 8px; margin-bottom: 8px;}
.who-are-we p {font-weight: 500; margin-bottom: 30px;}

.what-we-do div.vc_custom_heading { font-weight: 500; line-height:160%;}
.what-we-do p{ color:#000; }

.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner{ border-width:1px !important; }
.icon span.vc_icon_element-icon{ font-size:0; pointer-events: none; padding:5px; background:url(../../uploads/2025/04/arrow-right.png); background-repeat:no-repeat; background-position:center; background-size: 100% 100%; z-index: 99;}
.icon .fa::before{ display:none !important; }
.icon .vc_icon_element-inner:hover span.vc_icon_element-icon{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
.icon .vc_icon_element-inner:hover a.vc_icon_element-link{ background:#000; }
.what-we-do-row .icon .vc_icon_element-link::after {content: 'Find out more';color: #000;font-size: 16px;font-weight: 500;left: 72px;position: absolute;width: max-content;}
.what-we-do-row .icon .vc_icon_element-link:hover::after, .icon.view-all-text .vc_icon_element-link:hover::before{ color:#686868;}
.what-we-do-row .icon .vc_icon_element-link {display: flex !important;justify-content: center;align-items: center;position: relative !important;}

.recent-projects .max-width .wpb_wrapper {max-width: 409px; margin-left: auto; }
.projects-listing .project-item { position: relative; min-height: 350px; border: 1px solid #000; transition: border 0.3s ease; padding: 24px; display: flex; flex-direction: column; justify-content: space-between; }

.projects-slider-wrapper .projects-listing .project-item:hover, .projects-page-card .hover-border-annimation:hover { background: linear-gradient(90deg, #000 50%, transparent 0) repeat-x, linear-gradient(90deg, #000 50%, transparent 0) repeat-x, linear-gradient(0deg, #000 50%, transparent 0) repeat-y,  linear-gradient(0deg, #000 50%, transparent 0) repeat-y;  background-size: 8px 1px, 8px 1px, 1px 8px, 1px 8px;  background-position: 0 0, 0 100%, 0 0, 100% 0;}
.projects-slider-wrapper .projects-listing .project-item:hover, .projects-page-card .hover-border-annimation:hover { border: 1px solid transparent;}



.mobile-menu-col .header-post-box .post-box:hover {
  background: linear-gradient(90deg, #fff 50%, transparent 0) repeat-x,
              linear-gradient(90deg, #fff 50%, transparent 0) repeat-x,
              linear-gradient(0deg, #fff 50%, transparent 0) repeat-y,
              linear-gradient(0deg, #fff 50%, transparent 0) repeat-y;
  background-size: 8px 1px, 8px 1px, 1px 8px, 1px 8px;
  background-position: 0 0, 0 100%, 0 0, 100% 0;
  animation: linearGradientMove 0.3s infinite linear;
  border: 1px solid transparent;
}



.projects-page-card #project-list .thumbnail-cta .img-logo {margin-top: 8px;}
.projects-listing .project-item .project-category span {background: #E3E3E3; font-size: 14px; padding: 6px 12px; margin-right: 8px; display: inline-block; margin-top:8px;}
.projects-listing .project-item .project-category span:last-child {	margin-right: 0;}
.projects-listing .project-item .project-category{ font-size:0; }
.projects-listing .project-item .project-title {font-size: 18px; font-weight: 500; margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid #D4D4D4; }
.projects-listing .category-and-link {display: flex; justify-content: space-between; align-items: center; }
.projects-listing .project-item .project-link a {padding: 10px; width: 32px; height: 32px; display: flex; }
.projects-listing .project-thumbnail img {max-height: 32px; width: auto; }
/*.projects-outer{position: relative; width: 100vw; max-width: 100%; margin-left: auto !important; margin-right: calc((1220px - 100vw) / 2) !important; overflow-x: hidden; }*/
.projects-outer .owl-stage-outer{ overflow:inherit !important; }
.owl-scrollbar {width: 100%; height: 3px; margin-top: 48px; position: relative; background-color: #CDCDCD; overflow: hidden; }
.owl-scrollbar-track {width: 100%; height: 100%; position: relative; }
.owl-scrollbar-drag {height: 100%; background-color: #000; width: 25%; transform: translateX(0%); }
.left-mr-auto > .vc_column-inner {max-width: 578px; }
.right-ml-auto > .vc_column-inner {max-width: 590px; margin-left: auto; }
.recent-post-title-row p {color: #000 !important; }
.swiper-scrollbar.swiper-scrollbar-horizontal {width: 100% !important; bottom: 0 !important; left: 0 !important; height: 3px !important; margin-top: 48px; position: relative !important; background-color: #CDCDCD; overflow: hidden; border-color: #CDCDCD !important; }
.swiper-scrollbar-drag {background-color: #000 !important; }




/* Services */
.page header.entry-header {display: none; }


/* Services Single*/
.breadcrumb.text-cenetr .wpb_wrapper, .breadcrumb.text-cenetr .wpb_wrapper > span { width: 100%; text-align: center;}
.integrations-center-section {max-width: 840px; margin: auto; }
body .system-integration{ background-position:right top !important; }
.system-integration .wpb_wrapper { max-width: 824px;}
.work-with-us p{ line-height:160%; }
.work-with-us .wpb_content_element{ margin-bottom:64px; }
.work-with-us .grid-col {display: grid !important; grid-template-columns: 1fr 1fr 1fr; gap: 48px;}
.work-with-us .grid-col .wpb_column{ width:100%; }
.work-with-us .grid-col .wpb_column .vc_column-inner{ margin-bottom: 64px; }
.ourpartners-logo img{margin-bottom:0px !important; width:auto !important; max-width: 70%; max-height:32px;}
.ourpartners-logo .img-outer {height: 32px; display: flex; align-items: center; justify-content: center; }
.post-listing .project-item .project-title {border-bottom: 0; margin-top: 12px; }
.post-listing .project-item .category-and-link {border-top: 1px solid #D4D4D4; padding-top: 16px; }
.projects-slider-wrapper.post-listing .owl-scrollbar {display: none; }
.icon.view-all-text .vc_icon_element-link {display: flex !important; align-items: center !important; }
.icon.view-all-text .vc_icon_element-link::before {content: 'View All'; color: #000; font-size: 16px; font-weight: 500; left: 72px; position: absolute; width: max-content; }
.icon.view-all-text {padding-right: 75px; }
.you-expect .vc_col-sm-4 .vc_custom_heading {line-height: 160%;}

/* projects page listing */

.projects-page-listing h1{ margin-bottom:24px; }
.projects-page-listing p{ margin-bottom:0; font-size:16px; max-width:863px; color:#000; }
.projects-page-listing{ margin-bottom:40px; }
.project-card img {max-width: 100% !important; height: auto !important; width: auto !important; }
.projects-page-card .project-filters {margin-bottom: 40px; font-size: 0; }
.projects-page-card .project-filters .filter-btn {margin-right: 12px; padding: 8px 20px; background: #E3E3E3; color:#000; border: 0; font-size: 14px; line-height: 160%; }
.projects-page-card .project-filters .filter-btn.active, .projects-page-card .project-filters .filter-btn:hover { background:#000; color:#fff; }
#project-list {display: grid; gap: 40px; grid-template-columns: repeat(2, 1fr); }
.projects-page-card #project-list .project-item {min-height: 400px; }
.projects-page-card #project-list .project-card-inner {height: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.projects-page-card #project-list .project-card-inner .project-title{font-family: Plus Jakarta Sans; font-weight: 500; font-size: 24px; line-height: 140%; border-bottom:0; margin-bottom:8px; padding-bottom:0; }
.projects-page-card #project-list .project-card-inner .client-name {font-weight: 500; font-size: 16px; line-height: 160%; padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid#D4D4D4; }
.projects-page-card #project-list .thumbnail-cta {display: flex; justify-content: space-between; align-items: center; flex-wrap:wrap; }
.projects-page-outer-single{ margin:80px 0; }
.projects-page-outer-single #load-more-projects {border: 0; font-weight: 500; font-size: 16px; position: relative; line-height: 160%; padding-left: 26px; margin-top: 40px; border-bottom: 1px solid #000; border-radius: 0; padding-right: 0; }
.projects-page-outer-single #load-more-projects.btn:first-child:active{ border:0; border-bottom: 1px solid #000;  }
.projects-page-outer-single #load-more-projects i {position: absolute; left: 0; top: 12px; }
.projects-page-outer-single #load-more-projects:hover{ color:#686868; border-color:#686868; }

/* case studies */
.case-studies-listing-outer #project-list{ display:block; }
.case-studies-listing-outer #project-list .case-studies-card{ padding:40px 0; height:auto; min-height:inherit; border: 0; border-top: 1px solid #000; }
.case-studies-listing-outer #project-list .project-card-inner{ flex-direction:initial; gap: 48px; }
.case-studies-listing-outer #project-list .project-card-inner .image-logo { min-width: 200px;}
.case-studies-listing-outer #project-list .project-card-inner .title-client-text{ min-width: 400px;}
.case-studies-listing-outer #project-list .project-card-inner .title-client-text .project-title{ margin-bottom:16px; }
.case-studies-listing-outer #project-list .project-card-inner .text p{ margin-bottom:0; color:#000; }
.case-studies-listing-outer #project-list .project-card-inner .image-logo img{ max-height:32px; }
.case-studies-listing-outer #project-list .project-card-inner .link-single-page a {background: transparent; height: 56px; width: 56px; display: flex; justify-content: center; align-items: center; color: #000; border-radius: 50%; border: 1px solid #000;}
.case-studies-listing-outer #project-list .project-card-inner .link-single-page a img{ max-width:12px }
.case-studies-listing-outer #project-list .project-card-inner .link-single-page a:hover{ background:#000; }
.case-studies-listing-outer #project-list .project-card-inner .link-single-page a:hover img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
.case-studies-listing-outer #project-list .case-studies-card:last-child{ border-bottom:1px solid #000; }


/* case studies single*/
.case-studies-outer-single .entry-header.alignwide {display: none;}
.case-studies-outer-single{ margin-top:80px;}
.case-studies-outer-single .breadcrumb {margin-bottom: 16px;}
.case-studies-outer-single .case-thumbnail .post-thumbnail {margin-bottom: 16px;}
.case-studies-outer-single .common-heading {font-size: 100px;margin-bottom: 32px;}
.case-studies-outer-single .project-category span { background:#E3E3E3; font-size: 14px;  padding:4px 12px; margin-right: 8px; display: inline-block;}
.case-studies-outer-single .industry-box-outer {display: flex;justify-content: space-between;align-items: end;}
.industry-box-outer .industry-inner ul {display: flex; justify-content: space-between;}
.industry-box-outer .industry-inner ul li{ display:block; min-width: 150px;}
.industry-box-outer .industry-inner ul li label{ display:block; color:#686868; margin-bottom: 8px;}
.industry-box-outer .industry-inner {width: 50%;}
.case-studies-outer-single .projects-page-listing {	margin-bottom: 64px;border-bottom: 1px solid #000;padding-bottom: 64px;}
.case-studies-outer-single .case-studies-listing-outer{ background:#F3F3F3; padding:80px 0;}
.case-studies-outer-single .title-other {display: flex;	justify-content: space-between;	margin-bottom: 64px;align-items: center;}
.case-studies-outer-single .title-other h3{ margin-bottom:0;  font-size:48px;}
.case-studies-outer-single .title-other .link-single-page{ padding-right:75px;}
.case-studies-outer-single .link-single-page a{ background:transparent;  height: 56px; width:56px; display:flex; justify-content: center; align-items: center; color: #000; border-radius:50%; border: 1px solid #000; position: relative;}
.case-studies-outer-single .link-single-page a::before {content: 'View All';color: #000;font-size: 16px;font-weight: 500;left: 72px;position: absolute;	width: max-content;}
.case-studies-outer-single .link-single-page a img { max-width: 12px;}
.case-studies-outer-single .link-single-page a:hover{background: #000;}
.case-studies-outer-single .link-single-page a:hover img{ -webkit-filter: brightness(0) invert(1);  filter: brightness(0) invert(1);}
.single-case_studies h2.vc_custom_heading {font-size: 80px;}
.single-case_studies p{ color:#000;}
.the-result-section .vc_custom_heading.font-medium {margin-bottom: 0;}
.the-result-section .vc_custom_heading.font-medium{ position:relative; padding-left:96px; line-height:140%;}
.the-result-section .vc_custom_heading.font-medium::before {content: '\f00c';position: absolute;left: 0;top: 2px;font-family: "Font Awesome 6 Free";font-weight: 900;font-size: 12px;border: 1px solid #000;border-radius: 50%;	width: 32px;height: 32px;display: flex;justify-content: center;	align-items: center;}
/* Blog Page */
.blog-page-template{margin-bottom: 80px; }
.blog-page-template .related-post {	background: transparent; padding: 0;}
.blog-page-template .related-post .projects-listing{ column-gap:24px; row-gap: 24px; grid-template-columns: repeat(3, 1fr);}
.blog-page-template .category-filters .filter-btn {margin-right: 12px;	padding: 8px 20px;	background: #E3E3E3; color: #000;border: 0;	font-size: 14px;line-height: 160%;	margin-top: 8px;}
.blog-page-template .category-filters .filter-btn:hover, .blog-page-template .category-filters .filter-btn.active { background:#000;  color: #fff;}
#blog-search-filter #blog-search {margin-bottom: 40px; width: 100%;border: 1px solid #000000;outline: 0;	padding: 10px 16px;	font-size: 16px;}
.blog-page-template #blog-search-filter .category-filters {	margin-bottom: 40px !important;}

.blog-page-template #load-more-posts {border: 0; font-weight: 500;font-size: 16px; position: relative; line-height: 160%; padding-left: 26px; border-bottom: 1px solid #000; border-radius: 0; padding-right: 0; margin-top: 48px;}
.blog-page-template #load-more-posts:hover {color: #686868;	border-color: #686868;}
.blog-page-template #load-more-posts i {position: absolute;	left: 0;top: 12px;}


/* single blog */
.related-post {background: #F3F3F3;padding: 80px 0;}
.related-post .projects-listing {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: 1fr;	column-gap: 40px;}
.related-post .projects-listing .project-item{ min-height:300px;}
.related-post .projects-listing .project-item .project-title{ font-size:24px; line-height:140%;}
.related-post .projects-listing .project-item .project-title a{ color:#000;}
.related-post .projects-listing .project-item .category-and-link {color: #686868;}
.related-post .title-other {display: flex;	justify-content: space-between;	margin-bottom: 64px;align-items: center;}
.related-post .title-other h3{ margin-bottom:0;  font-size:48px;}
.related-post .title-other .link-single-page{ padding-right:75px;}
.related-post .title-other .link-single-page a{ background:transparent;  height: 56px; width:56px; display:flex; justify-content: center; align-items: center; color: #000; border-radius:50%; border: 1px solid #000; position: relative;}
.related-post .title-other .link-single-page a::before {content: 'View All';color: #000;font-size: 16px;font-weight: 500;left: 72px;position: absolute;	width: max-content;}
.related-post .title-other .link-single-page a img { max-width: 12px;}
.related-post .title-other .link-single-page a:hover{background: #000;}
.related-post .title-other .link-single-page a:hover img{ -webkit-filter: brightness(0) invert(1);  filter: brightness(0) invert(1);}
.related-post .reading-time {padding-left: 20px; position:relative;}
.related-post .reading-time::before {content: ''; background: #686868; width: 4px;	height: 4px; display: block; position: absolute; border-radius: 50%; left: 8px;  top: 10px;}
.blog-single .blog-column-outer {display: flex;gap: 80px;}
.blog-single .blog-spacing-outer{margin: 80px 0 72px;}
.blog-single .blog-column-outer .sidebar {min-width: 200px;}
.blog-single .blog-spacing-outer .breadcrumb {margin-bottom: 24px;}
.blog-single .blog-column-outer .sidebar .all-articles-btn {color: #000;font-weight: 500;font-size: 16px;margin-bottom: 32px;display: block;padding-bottom: 26px;border-bottom: 1px solid #D4D4D4;}
.blog-single .blog-column-outer .sidebar .all-articles-btn i{ margin-right:8px;}
.popular-articles label {color: #686868;font-size: 13px;font-weight: 500;margin-bottom: 24px;display: block;}
.popular-articles-list li, .share-list li{ line-height:140%;}
.popular-articles-list li a, .share-list li a {font-weight: 500;font-size: 13px; color: #000; margin-top: 20px; padding-top: 20px;	display: block;	border-top: 1px solid #D4D4D4;}
.share-list li a img, .share-list li button img{ margin-right:8px;}
.share-list li button {background: transparent;	border: 0;}
.share-list li a, .share-list li button {font-size: 16px;font-weight: 400; margin-top: 16px; padding-top: 16px; border-top: 1px solid #D4D4D4; display:block; width: 100%; text-align: left; }
.blog-spacing-outer a:hover, .blog-spacing-outer button:hover {	color: #686868;}
.share-list li a:hover img, .share-list li button:hover img{ filter: brightness(0) saturate(100%) invert(42%) sepia(20%) saturate(10%) hue-rotate(342deg) brightness(90%) contrast(85%);}
.share-list li a img, .share-list li button img{-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.blog-center-sidebar .entry-title {font-size: 48px;margin-bottom: 24px;}
.blog-center-sidebar .project-category span {background: #E3E3E3;font-size: 14px;padding: 6px 12px;margin-right: 8px;display: inline-block;}
.blog-center-sidebar .project-category{ font-size:0;}
.blog-center-sidebar .author-and-date {
	margin-bottom: 24px;
	padding-bottom: 24px;
	border-bottom: 1px solid #000;
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
	font-size: 13px;
	color: #000;
}
.blog-center-sidebar .author-and-date label {color: #686868;margin-right: 8px;}
.blog-center-sidebar .author-and-date .reading-time::before {content: '';width: 4px;height: 4px;display: block;background: #000;position: absolute;left: 6px; top:6px;	border-radius: 50%;}
.blog-center-sidebar .author-and-date .reading-time{ position:relative; padding-left: 16px;}
.blog-center-sidebar .entry-content .vc_custom_heading, .blog-center-sidebar .entry-content, .blog-center-sidebar .entry-content p {line-height: 160%;}
.single-post-li {padding-left: 15px;}
.single-post-li ul li{ list-style:disc;}
.blog-center-sidebar p{ color:#000;}

/* FAQ Page */
.faq-page-outer-single {margin-top: 80px; margin-bottom: 120px; overflow: visible; }
.faq-page-outer-single .projects-page-listing {padding-bottom: 64px; margin-bottom: 64px; border-bottom: 1px solid #000; }
.faq-page-outer-single .projects-page-listing h1 {margin-bottom: 0; }

.faq-page-outer-single .faq-wrapper {display: flex; gap: 100px; align-items: flex-start; overflow: visible; }
.faq-page-outer-single .faq-content {width: 100%; }
.faq-page-outer-single .faq-sidebar {min-width: 250px; position: sticky; top: 100px; align-self: flex-start; max-height: 100vh; }
.faq-page-outer-single, .faq-page-outer-single .container, .faq-page-outer-single .faq-wrapper {overflow: visible;}
.post-type-archive-faq #page {overflow: visible;}

.faq-page-outer-single .container {overflow: visible; }
.faq-page-outer-single .faq-sidebar ul li a {font-weight: 400; font-size: 16px; line-height: 160%; padding: 12px 0; border-bottom: 1px solid #D4D4D4; color: #686868; display: block; }
.faq-page-outer-single .faq-sidebar ul li a.faq-filter.active {font-weight: 500; color: #000; }
.faq-page-outer-single .faq-sidebar .get-in-touch {font-size: 16px !important; padding: 9px 20px !important; border: 1px solid #000 !important; background: #000; color: #fff; width: 100%; margin-top: 32px; border-radius: 100px; font-weight: 500; }
.faq-page-outer-single .faq-sidebar .get-in-touch:hover {background: #fff; color: #000; }
.faq-page-outer-single .current-category-title {font-family: Chakra Petch; font-size: 48px; line-height: 110%; margin-bottom: 24px; }
#faq-results .faq-category-section {margin-bottom: 60px; }
#faq-results .faq-category-section:last-child {	margin-bottom: 0;}
.faq-page-outer-single #faq-results .faq-item {padding: 24px 0; border-bottom: 1px solid #D4D4D4; }
.faq-page-outer-single #faq-results .faq-item .faq-question {font-family: Plus Jakarta Sans; font-weight: 500; font-size: 20px; line-height: 160%; display: flex; justify-content: space-between; align-items: center; }
.faq-page-outer-single #faq-results .faq-item .faq-answer p {margin: 8px 0 0 0; max-width: 92%; }
.faq-page-outer-single #faq-results .faq-item .faq-question .arrow-icon {background: #fff; height: 56px; width: 56px; display: flex; justify-content: center; align-items: center; color: #000; border-radius: 50%; border: 1px solid #000; flex-shrink: 0; }
.faq-page-outer-single #faq-results .faq-item.toggle .arrow-icon, .faq-page-outer-single #faq-results .faq-item .arrow-icon:hover {background: #000; color: #fff; }
.faq-page-outer-single .faq-question .title-question {padding-right: 15px;}


/* Terms & Conditions */
.terms-sidbar {font-weight: 500; }
.terms-sidbar a:hover{ color:#000 !important; }
.terms-sidbar .vc_general{ font-size:16px !important; padding: 11px 20px !important; border:1px solid #000 !important; }
.terms-sidbar .vc_general:hover{ background:#fff !important; color:#000 !important; }
.terms-conditions-page p{ line-height:160%; color:#000000; }
.terms-conditions-page a{ color:#000; }
.terms-conditions-page a:hover{ color:#686868; }
.terms-conditions-page ul li {margin-top: 16px; list-style: inherit; margin-left: 15px; }
.terms-conditions-page h3.vc_custom_heading{  font-weight:400;}
.terms-conditions-page .vc_custom_heading{ font-weight:600; }

/* contact us page */
.contact-us-page h4{ font-family: "Plus Jakarta Sans", sans-serif;  font-weight:500; }
.contact-us-page{color:#000;}
.contact-us-page p{ margin-bottom:8px; color:#000; font-weight:400; }
.contact-us-page .terms-sidbar a{ color:#000; margin-bottom:10px; display:block; text-decoration:underline; }
.contact-us-page .terms-sidbar a:hover{ color:#686868 !important; }
.contact-us-page .terms-sidbar .contact-numbers br{ display:none; }
.font-normal{ font-weight:400 !important; }
.map-iframe iframe {filter: grayscale(1);}
#map {height: 440px; width: 100%;}

/* Footer */
.contact-footer-form {background: #000; padding: 48px 0; color: #fff; }
.contact-footer-form h3 {font-size: 48px; text-align: center; margin-bottom: 32px; }
.contact-footer-form .form-outer {display: grid; grid-template-columns: repeat(auto-fill, minmax(252px, 1fr)); gap: 8px; }
.contact-footer-form form{max-width: 773px; margin: 0 auto;}
.wpcf7 form .wpcf7-response-output {text-align: center; margin: 20px 0 0 0; font-size: 14px;}
.contact-footer-form p br{ display:none; }
.contact-footer-form label {display: block; color: #fff; margin-bottom: 12px; }
.contact-footer-form .form-group p span {display: block; }
.contact-footer-form .form-group p span input{ padding:10px 16px; background:transparent; border:1px solid #fff; outline: 0; color:#fff; width: 100%; }
.contact-footer-form .form-group{ margin-bottom:24px; }

.contact-footer-form .gform_heading {display: none;}
.contact-footer-form .gform-field-label--type-sub {display: none !important;}
.contact-footer-form .gform-theme--foundation .gfield--width-full {grid-column: inherit;}
body .contact-footer-form .gform_fields {display: grid; grid-template-columns: repeat(auto-fill, minmax(242px, 1fr)); gap: 8px; }
.contact-footer-form .gfield_label {display: block !important; color: #fff !important; margin-bottom: 12px; font-size:16px !important; font-weight: 400 !important; }
.contact-footer-form .gform-body input {padding: 10px 16px !important;background: transparent !important;border: 1px solid #fff !important;	outline: 0 !important;color: #fff !important;width: 100%;
border-radius: 0 !important;height: 47.6px !important;font-size: 16px !important;}
.contact-footer-form .gform-body .gfield_required{ display:none;}
.contact-footer-form .gform-footer.gform_footer.top_label {justify-content: center;	margin-top: 0;}
body .contact-footer-form .gform-footer .gform_button {border: 1px solid #000000 !important;border-radius: 100px !important;font-weight: 500 !important;padding: 10px 40px !important; color: #000 !important;	background: #fff !important;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;	-o-transition: all .5s ease-in-out;	transition: all .5s ease-in-out !important;	font-size: 16px !important;	height: 47.6px !important; outline: none !important;}
body .contact-footer-form .gform-footer .gform_button:hover{ background:transparent !important; color:#fff !important; border-color:#fff !important;}
body .contact-footer-form .gform_fields .gfield{ margin-bottom:24px !important;}
body .contact-footer-form #gform_1_validation_container {display: none;}
body .contact-footer-form .gform-footer .gform_button:focus {box-shadow: none !important;outline: none !important;}
body .contact-footer-form .ginput_container {position: relative;}

.contact-footer-form .gform-body input.gfield-error {border: 1px solid red !important;	background: #ff00001f !important;}
body .contact-footer-form .gform_ajax_spinner { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; opacity: 0 !important;}
body .contact-footer-form .gfield_validation_message { display: none !important;}

label.error {position: absolute; background: #fff; bottom: -12px; line-height: 16px; border: 1px solid #ddd; padding: 2px 10px; border-radius: 10px; margin: 0; color: #ae0a14; font-size: 12px; }


@keyframes fadeIn {
	from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.thank-you-message {text-align: center;font-size: 22px;padding: 26.8px 0 94px;animation: fadeIn 1s ease forwards;line-height: 30px;color: #b9b9b9;font-weight: 500;}


.footer-content {padding-top: 40px; padding-bottom: 34px; }
#menu-quick-links li a {color: #686868; font-size: 14px; margin-bottom:8px; display:block; }
#menu-quick-links li a:hover{ color:#000; }
.footer-content label {font-size: 16px; font-weight: 500; display: block; margin-bottom: 12px; color: #000; }
.quick-links #menu-quick-links {display: block;column-count: 3;	column-gap: 32px;}
.get-in-touch ul li a{ color:#000; text-decoration:underline; }
.get-in-touch ul li a:hover{ color:#686868; }
.get-in-touch ul li:first-child{ margin-bottom:8px; }
.links-outer {display: flex; max-width: 513px; margin-left: auto; justify-content: space-between; }
.links-outer .get-in-touch ul li {font-size: 14px;}
.footer-content .address-outer {display: flex; font-size: 14px; color: #686868; max-width: 381px; }

footer.entry-footer.default-max-width {display: none; }
footer p{ margin:0; }
footer .site-info .info-inner{border-top: 1px solid #000; font-size:14px; padding-top: 34px; padding-bottom: 40px;}
footer #menu-policy-menu {display: flex; }
footer .menu-policy-menu-container {display: flex; justify-content: end; }
footer #menu-policy-menu li a{ font-weight:400; color:#686868; padding-left:32px; text-decoration:underline; }
footer #menu-policy-menu li a:hover{ color:#000; }



.desktop-none, .blog-single .title-other.mobile-arrow, .case-studies-outer-single .title-other.mobile-arrow{ display:none;}
.header-number {
	position: relative;
	padding: 5px 10px;
	background: #000;
	color: #fff;
	border-radius: 4px;
}
.header-number a {
	color: #ffff;
	font-weight: 600;
}
.wpcf7 form .wpcf7-response-output {
	width: 100%;
	border: none;
	padding: 0;
	text-align: center;
}
/* mobile responsive */
@media (max-width: 1199px) {
	.work-with-us .grid-col{gap: 15px;}
	section.work-with-us div.vc_custom_heading.font-medium {font-size: 20px !important;	margin-bottom: 16px !important;	padding-bottom: 16px !important;}
.home-banner h1.vc_custom_heading {
	font-size: 40px;
	line-height: 56px;
}
.home-banner h2, .contact-footer-form h3 {
	font-size: 30px !important;
}
body #about-section{
	padding-top: 60px !important;
	padding-bottom: 25px !important;

}
body #servies {
	padding-top: 60px !important;
	padding-bottom: 55px !important;

}
footer .site-info .info-inner {
	padding-top: 20px;
	padding-bottom: 20px;
}
.what-we-do-row .vc_do_custom_heading {
	font-size: 30px !important;
}
}
@media (max-width: 1023px) {
.projects-slider-wrapper.post-listing .owl-scrollbar { display: block;}
body .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-md.vc_icon_element-have-style-inner {
	width: 3em !important;
	height: 3em !important;
}
}

@media (max-width: 991px) {
	body {

	font-size: 14px;

}
header.site-header .menu-wrapper li a {font-size: 14px;font-weight: 500;padding: 10px 10px;}
#navbarSupportedContent .mobile-menu-row{ column-gap: 24px;}
.common-heading {font-size: 80px;}	
.contact-footer-form .form-outer{ grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));}
.footer-content .links-outer {display: block; max-width: inherit;}
.footer-content .links-outer .quick-links {margin-bottom: 24px;}
.our-services .service-page-heading-row div.vc_custom_heading {font-size: 16px !important; font-weight:400 !important;}	
.case-studies-listing-outer #project-list .project-card-inner{ flex-direction:column; gap: 16px; }
.case-studies-listing-outer #project-list .case-studies-card { padding: 24px 0;}
.case-studies-listing-outer #project-list .case-studies-card .link-single-page {display: flex;justify-content: end;}
.case-studies-listing-outer #project-list .project-card-inner .title-client-text{ min-width: inherit;}
.blog-center-sidebar .entry-title {font-size: 48px;	margin-bottom: 24px;}
.blog-single .blog-column-outer .blog-right.sidebar {display: none;}
.blog-single .blog-column-outer .blog-left.sidebar .popular-articles {display: none;}
.blog-single .blog-column-outer {gap: 0; flex-direction: column;}
.blog-single .blog-spacing-outer {margin: 48px 0 32px;}	
.blog-single .blog-column-outer .sidebar .all-articles-btn{ margin-bottom: 40px; padding-bottom: 16px;}	
.blog-center-sidebar .author-and-date{ margin-top:24px; flex-direction: column;  gap: 6px;}
.blog-center-sidebar .blog-sub-heading{ font-size:20px !important;}
.blog-single .related-post .projects-listing{ column-gap: 20px;}
.contact-us-page .vc_column-inner {	padding: 0 15px !important;}
.terms-conditions-page .vc_column-inner {padding: 0 15px !important;}
.faq-page-outer-single .faq-wrapper{ gap:50px;}
.home-banner-second .wpb_wrapper h1{ font-size:64px !important;}
.blog-page-template .related-post .projects-listing{ grid-template-columns: repeat(2, 1fr);}	
header.site-header .menu-wrapper li a {
	font-size: 14px;
	padding: 10px 10px;
}
.header-number {
	
	padding: 5px 10px;

	font-size: 12px;
}
.site-logo img {
	width: 90px;
	height: auto;
}
section .common-heading {
	font-size: 44px;
	margin-bottom: 20px !important;
}
#about-section h5 {
	font-size: 18px !important;
}
.what-we-do div.vc_custom_heading {
	font-size: 16px !important;
}
}

@media (max-width: 767px) {
.container{padding: 0 16px;}	
.container .vc_column_container > .vc_column-inner {box-sizing: border-box;	padding-left: 0;padding-right: 0;width: 100%;}
#navbarSupportedContent .mobile-menu-row {grid-template-columns: 1fr; row-gap: 32px; column-gap: 0; }
.right-menu-outer .primary-menu-container {	display: none;}
header.site-header .navbar {padding: 8px 0;}
.site-content {padding-top: 60px;}
header.site-header .container-fluid {padding-right: 16px;padding-left: 16px;}
.custom-logo {max-height: 40px;	width: auto;}	
header.site-header ul li.contact-btn a{ margin-left:0;}	
header.site-header #navbarSupportedContent{ top:60px; height: calc(100dvh - 60px); padding: 24px 16px 40px;}	
header.site-header #navbarSupportedContent label{ padding-bottom: 16px; margin-bottom: 16px;}
.header-post-box .post-box{ margin-bottom:8px;}	
body.home .home-banner {background-image: url('/wp-content/uploads/2025/04/hero-alt.png') !important;}
body.home .home-banner .banner-icon{ display:none;}
.common-heading {font-size: 64px;}
.home-banner h1.vc_custom_heading {
	font-size: 20px;
	line-height: 1.6em;
	margin-bottom: 0 !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
}
.second-hero-column {
	padding-bottom: 40px !important;
	padding-top: 30px !important;
	padding-left: 30px;
	padding-right: 30px;
}
.contact-footer-form .form-outer {grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));}	
.contact-footer-form .form-group {margin-bottom: 12px;}
.contact-footer-form h3{ margin-bottom:24px;}
.contact-footer-form input.wpcf7-submit {margin-top: 12px;	width: 100%;}
.contact-footer-form label{ margin-bottom:8px;}
footer .site-info .info-inner .row {flex-direction: column-reverse;}
footer .menu-policy-menu-container {display: flex;justify-content: flex-start;margin-bottom: 16px;}	
footer #menu-policy-menu li a{ padding-left:0; padding-right:32px;}
.footer-content .links-outer {margin-top: 24px;}
.footer-content .links-outer .quick-links {margin-bottom: 24px;}
.quick-links #menu-quick-links{ column-gap:10px;}
body .who-are-we {padding-top: 48px !important;	padding-bottom: 13px !important;}
.who-are-we h2.vc_custom_heading {	margin-bottom: 15px !important;}
.who-are-we h5.vc_custom_heading{ margin-bottom:24px !important;}
.who-are-we .tage-listing{ margin-bottom:15px !important;}
section.what-we-do {padding-top: 48px !important;padding-bottom: 48px !important;}
section.what-we-do h2.vc_custom_heading{ margin-bottom:16px !important;}
section.what-we-do .vc_separator {margin-top: 24px !important;margin-bottom: 24px !important;}
section.what-we-do .what-we-do-row .vc_col-md-10 .vc_custom_heading {font-size: 20px !important;margin-bottom: 8px;}
section.what-we-do .what-we-do-row .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-md.vc_icon_element-have-style-inner {width: 3em !important;	height: 3em !important;}
section.what-we-do .what-we-do-row .vc_col-sm-2 .vc_custom_heading {font-size: 48px !important;}
section.what-we-do .what-we-do-row .vc_col-md-10 .vc_row{ margin:0 !important; padding-left: 12px;}
section.recent-projects { padding-top: 48px !important;padding-bottom: 48px !important;}
section.recent-projects .recent-post-title-row{ margin-bottom:40px !important;}	
.desktop-none{ display:block; margin-top:40px;}
.mobile-none{ display:none;}
section.our-services .service-page-heading-row h2.vc_custom_heading	{ margin-bottom:8px !important;}
section.our-services .service-page-heading-row{ margin-bottom:14px !important;}
.projects-page-outer-single {margin: 48px 0;}
.projects-page-listing h1 {margin-bottom: 16px;}
.projects-page-card .project-filters .filter-btn{ margin-right: 8px; margin-bottom: 8px;}
.projects-page-card .project-filters {margin-bottom: 32px;}
#project-list{grid-template-columns: repeat(auto-fit, minmax(358px, 1fr)); gap: 16px;}	
.projects-page-card #project-list .project-card-inner .project-title{ font-size:20px;}
.projects-page-card #project-list .project-card-inner .client-name{ padding-bottom: 16px;  margin-bottom: 16px;}
.projects-page-outer-single #load-more-projects{ margin-top:32px;}	
.blog-single .related-post .projects-listing {grid-template-columns: 1fr;row-gap: 16px;}
.blog-center-sidebar .entry-content .vc_row {margin-left: 0;margin-right: 0; margin-bottom: 20px !important;}
.blog-single .related-post{ padding:48px 0 !important;}	
.projects-listing .project-item{ padding: 16px;}
.blog-single .related-post .title-other h3 {margin-bottom: 0;font-size: 32px;}
.blog-single .related-post .title-other .link-single-page {	display: none;}	
.blog-single .related-post .title-other {margin-bottom: 32px;}
.blog-single .title-other.mobile-arrow{ margin-bottom:0; margin-top:32px; justify-content: end; display:flex;}	
.blog-single .title-other.mobile-arrow .link-single-page {display: block;}
.blog-single .related-post .title-other.mobile-arrow .link-single-page {padding-left: 75px; padding-right:0;}
.blog-single .related-post .title-other.mobile-arrow .link-single-page a::before{ left: -72px; right: inherit;}
section.contact-us-title h1.vc_custom_heading {margin-bottom: 32px !important;}	
section.contact-us-title .vc_separator {margin: 0 !important;}
section.what-we-do.contact-us-title {padding-bottom: 32px !important;}
.contact-us-page .vc_column-inner .vc_row {margin: 0 !important;}
.contact-us-page .vc_column-inner {	padding: 0 0 !important;}
section.contact-us-page iframe {height: 214px; padding-top: 5px;}
section.contact-us-page {margin-bottom: 48px !important;}
section.contact-us-page .address.address-2 p{ font-size:14px !important; }
section.what-we-do.get-in-touch-title {padding-top: 32px !important;padding-bottom: 32px !important;}
section.what-we-do.get-in-touch-title .vc_separator	{ margin:0 !important;}
section.get-in-touch figure, section.get-in-touch figure .vc_single_image-wrapper, section.get-in-touch figure .vc_single_image-wrapper img {width: 100% !important; max-width: 100% !important;}
section.get-in-touch .terms-sidbar .wpb_single_image{ margin-bottom:12px !important;}
section.get-in-touch .terms-sidbar h4.vc_custom_heading	{ margin-bottom:0 !important;}
section.get-in-touch .terms-sidbar .contact-numbers {margin-top: 16px; margin-bottom: 32px; font-size: 14px;}
section.page-title-top .vc_separator {margin: 0 !important;}
section.page-title-top {padding-bottom: 32px !important;}
section.page-title-top	h1.vc_custom_heading{ margin-bottom:32px !important;}
.terms-conditions-page h3.vc_custom_heading {font-size: 32px !important;}
.terms-conditions-page .vc_row .vc_row{ margin-bottom:40px !important; margin-left: 0;  margin-right: 0;}
.terms-conditions-page .vc_column-inner {padding: 0 0 !important;}
section.terms-conditions-page {	margin-bottom: 8px !important;}
.terms-conditions-page .terms-sidbar .vc_row {margin-bottom: 0 !important;}
.faq-page-outer-single .faq-sidebar{ width: 100%; position: static;}
.custom-dropdown {width: 100%;padding: 15px 44px 15px 12px;	border: 1px solid #000;	font-size: 16px;font-weight: 500;appearance: none;-webkit-appearance: none;	-moz-appearance: none;background: url('/wp-content/uploads/2025/04/Vector.png') no-repeat right 20px center; background-color: #fff; color:#000; outline:none; box-shadow: none;}
.faq-page-outer-single .faq-wrapper {gap: 0;flex-direction: column;}
.faq-page-outer-single {margin-top: 48px;margin-bottom: 48px;}
.faq-page-outer-single .projects-page-listing {padding-bottom: 32px;margin-bottom: 32px;}
.faq-page-outer-single .faq-sidebar .get-in-touch{ display:none;}
.faq-page-outer-single .faq-content{ margin-top:32px;}
.faq-page-outer-single .current-category-title{ font-size:32px;}
section.services-single {padding-top: 58px !important;	padding-bottom: 58px !important;}	
section.services-single h1.vc_custom_heading {margin-bottom: 24px !important;}
section.services-single .breadcrumb { margin-bottom:16px !important;}
section.services-single h4.vc_custom_heading { font-size:16px !important; font-weight: 400 !important;}
section.system-integration {background-image: inherit !important; padding-top:48px !important; padding-bottom:24px !important;}	
h3.small-heading {	font-size: 36px !important;	margin-bottom: 17px !important;}
.system-integration h4.vc_custom_heading.font-medium.plus-jakarta {font-size: 16px !important; margin-bottom: 24px !important;}
.system-integration .vc_custom_heading.chakra-petch {margin-bottom: 24px !important;}
section.you-expect {padding-bottom: 24px !important;padding-top: 48px !important;}
section.you-expect .vc_separator {margin: 24px 0 !important;}	
section.you-expect h3.small-heading {margin-bottom: 24px !important;}
section.you-expect .vc_row {margin: 0 !important;}
section.you-expect .vc_row .vc_column-inner {padding: 0 !important;}
.you-expect .vc_col-sm-4 .vc_custom_heading{ font-size:20px !important; margin-bottom:16px !important;}
section.work-with-us {padding-top: 48px !important;	padding-bottom: 8px !important;}
section.work-with-us h3.small-heading{ text-align:left !important; margin-bottom: 40px !important;}
.work-with-us .grid-col .wpb_column .vc_column-inner {margin-bottom: 20px;}	
.work-with-us .grid-col{ gap:0; grid-template-columns: 1fr;}
section.integrations-projects-section {	padding-top: 48px !important; padding-bottom: 48px !important;}	
section.integrations-projects-section h3.small-heading {font-size: 48px; margin-bottom: 40px !important;}
section.integrations-projects-section .owl-scrollbar{ margin-top:24px;}
section.integrations-projects-section .projects-listing .project-item{ min-height:300px;}
section.our-clients-section {margin-bottom: 40px !important;}
section.our-clients-section .vc_custom_heading{ margin-bottom:24px !important; font-size: 20px !important;}
.ourpartners-logo img{ max-height:20px;}
section.related-blog-service-page {	padding-top: 48px !important;padding-bottom: 48px !important;}
section.related-blog-service-page .projects-listing .project-item{ min-height: 300px;}
section.related-blog-service-page .owl-scrollbar{ margin-top:24px;}
.case-studies-outer-single {margin-top: 48px;}
.case-studies-outer-single .common-heading {font-size: 48px;margin-bottom: 40px;}
.case-studies-outer-single .industry-box-outer {flex-direction: column;	align-items: baseline;}
.industry-box-outer .industry-inner {width: 100%;}
.industry-box-outer .industry-inner ul {flex-direction: column;}
.industry-box-outer .industry-inner ul li {	display: flex;	min-width: inherit; margin-bottom:12px; padding-bottom:12px; border-bottom:1px solid #D4D4D4;}
.industry-box-outer .industry-inner ul li label{margin-bottom: 0; min-width: 104px;}
.case-studies-outer-single .project-category span{ margin-bottom:8px;}
.case-studies-outer-single .projects-page-listing {	margin-bottom: 40px;padding-bottom: 40px;}
.case-studies-outer-single .entry-content .vc_column-inner {padding: 0 16px;}
	
.case-studies-outer-single div.vc_custom_heading {font-size: 20px !important;}
.case-studies-outer-single section.discription-single-page .vc_row, .case-studies-outer-single section.the-problem .vc_row, .case-studies-outer-single section.the-approach  {margin-bottom: 48px !important;}
.single-case_studies h2.vc_custom_heading {font-size: 48px;	margin-bottom: 16px !important;}
.single-case_studies .the-approach h2.vc_custom_heading{ margin-bottom:24px !important;}
.single-case_studies .the-approach .vc_separator {margin-top: 20px !important;	margin-bottom: 20px !important;}
.single-case_studies .the-approach .vc_col-sm-1 h2.vc_custom_heading {margin-bottom: 8px !important;font-size: 32px !important;}
.single-case_studies .the-result-section h2.vc_custom_heading{ margin-bottom:24px !important;}
.the-result-section .vc_custom_heading.font-medium {padding-left: 36px; margin-bottom: 8px;}
.the-result-section .vc_custom_heading.font-medium::before{width: 24px;  height: 24px;}
section.the-result-section{ margin-bottom:48px !important;}	
.case-studies-outer-single .case-studies-listing-outer{ padding:48px 0;}
.case-studies-outer-single .title-other .link-single-page{ display:none;}
.case-studies-outer-single .title-other h3 {font-size: 32px;}
.case-studies-outer-single .title-other {margin-bottom: 32px;}
.case-studies-outer-single .title-other.mobile-arrow {margin-bottom: 0; margin-top: 32px;	justify-content: end;display: flex;}
.case-studies-outer-single .title-other.mobile-arrow .link-single-page{ display:block;}
.case-studies-outer-single .title-other.mobile-arrow .link-single-page {padding-left: 75px;	padding-right: 0;}
.case-studies-outer-single .title-other.mobile-arrow .link-single-page a::before {left: -72px;	right: inherit;}	
.left-mr-auto > .vc_column-inner {max-width: 100%; }
.right-ml-auto > .vc_column-inner {max-width: 100%; margin-left: auto; }
.swiper-scrollbar.swiper-scrollbar-horizontal {margin-top: 24px; bottom: 0 !important; }
.what-we-do-row .icon .vc_icon_element-link::after{ font-size: 14px; left: 55px;}
#map {height: 214px;}
	
body .contact-footer-form .gform_fields .gfield {margin-bottom: 12px !important;}
body .contact-footer-form .gform_fields{grid-template-columns: 1fr;}
body .contact-footer-form .gform-footer .gform_button {margin-top: 12px !important;	display: block !important;	width: 100% !important;}

#blog-search-filter #blog-search {margin-bottom: 24px;}
.blog-page-template #blog-search-filter .category-filters {	margin-bottom: 24px !important;}
.blog-page-template{margin-bottom: 48px;}
.blog-page-template #load-more-posts{ margin-top:16px;}
.blog-page-template .category-filters .filter-btn {	margin-right: 8px;}	
.what-we-do.blog-page-title {padding-bottom: 0 !important;}
.blog-page-template .related-post .projects-listing{ grid-template-columns: repeat(1, 1fr);}
	
.vc_section.home-banner-second {padding-top: 48px !important;padding-bottom: 48px !important;}
.home-banner-second h1.vc_custom_heading {margin-bottom: 40px !important;}	
.home-banner-second .second-hero-column .vc_column-inner {padding: 0 0 !important; margin-top: 24px;}
.home-banner-second .second-hero-column .vc_column-inner h2{ font-size:40px !important;}
.home-banner-second .second-hero-column .vc_column-inner div.vc_custom_heading{ font-size:14px !important;}
.home-banner-second .second-hero-column .vc_separator{ margin: 8px 0 !important;}
.home-banner-second .second-hero-column .wpb_wrapper{max-width: 238px;}
section .common-heading {
	font-size: 36px;
	margin-bottom: 20px !important;
}
.who-are-we p {
	
	margin-bottom: 10px;
}
body .text-right.social-icon {
	text-align: center;
	margin-bottom: 5px;
}
body .vc_custom_1744294118719, .blog-center-sidebar .entry-title {
	font-size: 24px !important;
	line-height: 28px;
}
body .blog-repeat .projects-listing {

	grid-template-columns: repeat(1, 1fr);
	column-gap: 20px;
}
.blog-single .blog-column-outer .sidebar .all-articles-btn {
	margin-bottom: 15px;
	padding-bottom: 16px;
}
.blog-center-sidebar .blog-sub-heading {
	font-size: 14px !important;
	margin-bottom: 0px !important;
}
.blog-center-sidebar .author-and-date {
	margin-top: 10px;
	flex-direction: column;
	gap: 6px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.phone-web{display: none;}
header.site-header .navbar-toggler {
	display: block !important;
}
.header-number {
	padding: 9px 10px;
	font-size: 14px;
	background: #000;
	/* color: #000; */
	border: 1px solid #fff;
	text-align: center;
}
.no-scroll header.site-header .custom-logo-link img, .no-scroll header.site-header .image-white img {
	-webkit-filter: none;
	filter: none;
}
body .vc_custom_1751713169164 {
	padding-top: 15px !important;
}
.second-hero-column .vc_col-xs-9 {
	width: 90%;
	border-bottom: 1px solid #fff;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.home-banner h2, .contact-footer-form h3 {
	font-size: 24px !important;
}
.border-h-m {
	display: none !important;
}
}


/* Blog Page css */
	.blog-page-listing a{ color:#000;}
    .blog-page-listing .post {width: 100%; max-width: 392px; background: white; border: 1px solid #000; overflow: hidden; }
    .blog-page-listing .post-header {display: flex; align-items: center; padding: 10px 15px; justify-content: space-between; }
    .blog-page-listing .profile-info {display: flex; align-items: center; }
    .blog-page-listing .profile-pic {width: 32px; height: 32px; border-radius: 50%; background-color: #000; margin-right: 10px; display: flex; align-items: center; justify-content: center; }
    .blog-page-listing .profile-pic img {max-width: 32px; max-height: 32px; object-fit: cover; padding: 4px; }
    .blog-page-listing .username {font-weight: 600; font-size: 14px; display: flex; align-items: center; line-height: 100%; gap: 5px; letter-spacing: 3%; }
    .blog-page-listing .location {font-size: 12px; color: #262626; font-weight: 600; }
    .blog-page-listing .follow-btn {font-size: 14px; color: #0095f6; font-weight: 600; }
    .blog-page-listing .view-profile {background: #000; color: white; padding: 6px 12px; font-size: 12px; font-weight: 700; }
	.blog-page-listing .view-profile a{ color:#fff;}
    .blog-page-listing .post-image {width: 100%; position: relative; }
    .blog-page-listing .post-image img {width: 100%; display: block; max-height: 390px; object-fit: cover; }
    .blog-page-listing .view-more {padding: 12px 0; font-size: 12px; font-weight: 700; border-bottom: 1px solid #DEDEDE; margin: 0 15px; }
    .blog-page-listing .post-actions {display: flex; padding: 6px 15px; gap: 15px; justify-content: space-between; }
    .blog-page-listing .post-action {font-size: 24px; }
    .blog-page-listing .post-actions .left {display: flex; gap: 10px; align-items: center; }
    .blog-page-listing .likes {padding: 0 15px; font-size: 13px; font-weight: 600; margin-bottom: 6px; }
    .blog-page-listing .caption {padding: 0 15px; margin-bottom: 8px; font-size: 12px; font-weight: 500; line-height: 16px; }
    .blog-page-listing .caption-username {font-weight: 700; display: block; margin-bottom: 13px; padding: 0 15px; font-size: 12px; letter-spacing: 3%; }
    .blog-page-listing .hashtag {color: #00376b; }
    .blog-page-listing .comments-count {padding: 0 15px; font-size: 14px; color: #8e8e8e; margin-bottom: 8px; }
    .blog-page-listing .add-comment {padding: 10px 15px; border-top: 1px solid #efefef; display: flex; align-items: center; }
    .blog-page-listing .comment-input {flex-grow: 1; border: none; outline: none; font-size: 14px; color: #8e8e8e; }
    
    .blog-page-listing .grid-item.article-post {position: relative; min-height: 300px; max-width: 392px; border: 1px solid #000; transition: border 0.3s ease; padding: 24px; display: flex; flex-direction: column; justify-content: space-between; }
    .blog-page-listing .grid-item.article-post .project-category {font-size: 0; }
    .grid-item.article-post .project-category span {background: #E3E3E3; font-size: 14px; padding: 6px 12px; margin-right: 8px; display: inline-block; margin-top: 8px; }
    .blog-page-listing .grid-item.article-post .project-title {font-weight: 500; padding-bottom: 18px; margin-top: 12px; font-size: 24px; line-height: 140%; }
    .blog-page-listing .grid-item.article-post .category-and-link {display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #D4D4D4; padding-top: 16px; color: #686868; }
    .blog-page-listing .grid-item.article-post .reading-time {padding-left: 20px; position: relative; }
    .blog-page-listing .grid-item.article-post .reading-time::before {content: ''; background: #686868; width: 4px; height: 4px; display: block; position: absolute; border-radius: 50%; left: 8px; top: 10px; }
    .blog-page-listing .grid-item.article-post .project-title a {color: #000; text-decoration:none; }
    
    .blog-page-listing .tweet {width: 100%; max-width: 392px; background: white; border: 1px solid #000; padding: 12px 16px 18px; }
    .blog-page-listing .tweet-header {display: flex; align-items: center; margin-bottom: 15px; justify-content: space-between; }
    .blog-page-listing .tweet-profile {display: flex; align-items: center; }
    .blog-page-listing .tweet-name {font-weight: 600; font-size: 16px; }
    .blog-page-listing .tweet-username {color: #526371; font-size: 16px; font-weight: 500; }
    .blog-page-listing .tweet-username span {color: #000; font-size: 16px; font-weight: 700; }
    .blog-page-listing .tweet-content {font-size: 19px; line-height: 24px; margin-bottom: 4px; font-weight: 500; }
    .blog-page-listing .tweet-time {color: #526371; font-size: 15px; margin-bottom: 10px; display: flex; align-items: center; font-weight: 500; }
    .blog-page-listing .tweet-time-icon {margin-left: auto; font-size: 15px; }
    .blog-page-listing .tweet-actions {display: flex; border-top: 1px solid #efefef; padding-top: 10px; gap: 21px; }
    .blog-page-listing .tweet-action {font-size: 15px; color: #526371; font-weight: 600; display: flex;  align-items: center; }
    .blog-page-listing .tweet-action img{margin-right:10px;}
    .blog-page-listing .replies {font-size: 15px; margin-top: 10px; color: #000; text-align: center; border: 1px solid #CFDADE; border-radius: 30px; font-weight: 700; padding: 4px; }
    .blog-page-listing .tweet .profile-pic {width: 48px; height: 48px; }
    .blog-page-listing .tweet .profile-pic img {max-width: 48px; max-height: 48px;}

    .blog-page-listing .grid-container { column-count: 3; gap: 24px; max-width: 1224px; margin: 0 auto; box-sizing: border-box; }
    .blog-page-listing .grid-item {background-color: #fff; overflow: hidden; margin-bottom:24px; }

    .blog-page-listing .grid-container .grid-item:hover{ background: linear-gradient(90deg, #000 50%, transparent 0) repeat-x, linear-gradient(90deg, #000 50%, transparent 0) repeat-x, linear-gradient(0deg, #000 50%, transparent 0) repeat-y,  linear-gradient(0deg, #000 50%, transparent 0) repeat-y;  background-size: 8px 1px, 8px 1px, 1px 8px, 1px 8px;  background-position: 0 0, 0 100%, 0 0, 100% 0;}
    .blog-page-listing .grid-container .grid-item:hover{ animation: linearGradientMove 0.3s infinite linear;  border: 1px solid transparent;}

@keyframes linearGradientMove {
  100% {
    background-position: 8px 0, -8px 100%, 0 -8px, 100% 8px;
  }
}


@media (max-width: 991px) {
  .blog-page-listing .grid-container {column-count: 2;}
}
@media (max-width: 767px) {
  .blog-page-listing .grid-container {column-count: 1;}
}
.home-banner p{color:#fff;}
div.tnp-subscription, form.tnp-subscription, form.tnp-profile {

	max-width: 100% !important;
	
}
body .contact-footer-form form {
	max-width: 750px;
	display: flex;
	flex-wrap: wrap;
}
.tnp-field {
	padding: 0 10px !important;
}
.tnp-field.tnp-field-email, .tnp-field.tnp-field-firstname {
	width: 50%;
}
.tnp-field.tnp-field-button {
	width: 100%;
	text-align: center !important;
	margin-top: 10px;
}
.tnp-subscription input[type="text"], .tnp-subscription input[type="email"], .tnp-subscription input[type="submit"], .tnp-subscription select, .tnp-subscription textarea, .tnp-profile input[type="text"], .tnp-profile input[type="email"], .tnp-profile input[type="submit"], .tnp-profile select, .tnp-profile textarea {
	background: none !important;
	border: 1px solid #fff !important;
	color: #fff !important;
	font-size: 14px !important;
	height: 50px !important;
	outline: none !important;
}
.tnp-subscription input[type="submit"] {
	background: #fff !important;
	color: #000 !important;
	border-radius: 30px !important;
	font-weight: 600 !important;
	padding: 0 30px !important;

}

.page-id-640 #post-640 {
	min-height: 60vh;
	text-align: center;
	display: flex;
	width: 100%;
	align-items: center;
}
.page-id-640 #post-640  .entry-content {
	width: 100%;
}
.page-id-640 .contact-footer-form {
	display: none;
}

.text-right.social-icon {
	text-align:right ;
}
.social-icon ul li a {
	
	color: #000 !important;
	font-size: 18px;
}
.map-iframe iframe {
	filter: grayscale(1);
	width: 100%;
}
.blog-repeat .projects-listing{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: 1fr;
	column-gap: 40px;
}
.blog-repeat .projects-listing .project-item {
	min-height: 300px;
}
.blog-repeat .projects-listing .project-item .project-title {
	font-size: 24px;
	line-height: 140%;
}

.blog-repeat .projects-listing .project-item .project-title a {
	color: #000;
}
.blog-repeat .projects-listing .project-item .project-category span:last-child {
	margin-right: 0;
}
.blog-repeat .projects-listing .project-item .category-and-link {
	color: #686868;
}
.blog-repeat .project-item .category-and-link {
	border-top: 1px solid #D4D4D4;
	padding-top: 16px;
}
.blog-repeat .reading-time {
	padding-left: 20px;
	position: relative;
}
.blog-repeat .project-item .project-title {
	border-bottom: 0;
	margin-top: 12px;
}
.blog-repeat  .project-item:hover, .blog-repeat .hover-border-annimation:hover {
	background: linear-gradient(90deg, #000 50%, transparent 0) repeat-x, linear-gradient(90deg, #000 50%, transparent 0) repeat-x, linear-gradient(0deg, #000 50%, transparent 0) repeat-y, linear-gradient(0deg, #000 50%, transparent 0) repeat-y;
	background-size: 8px 1px, 8px 1px, 1px 8px, 1px 8px;
	background-position: 0 0, 0 100%, 0 0, 100% 0;
}
.blog-repeat  .project-item:hover, .blog-repeat .hover-border-annimation:hover {
	animation: linearGradientMove 0.3s infinite linear;
	border: 1px solid transparent;
}
.video-home-banner {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: -1;
}
.vc_row.wpb_row.vc_row-fluid.video-home-banner {
	position: absolute;
	left: 0;
	height: 100vh;
}
.banner-video {
	width: 100%;
	height: 100%;
}
div.error-404 {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	min-height: 300px;
	padding: 20px 15px;
}