@font-face {
	font-family: Mulish-Bold;
	src: url(../fonts/font/Mulish-Bold.eot);
	src: url(../fonts/font/Mulish-Boldd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/font/Mulish-Bold.woff2) format("woff2"), url(../fonts/font/Mulish-Bold.woff) format("woff"), url(../fonts/font/Mulish-Bold.ttf) format("truetype"), url(../fonts/font/Mulish-Bold.svg#Mulish-Bold) format("svg");
	font-weight: 700;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Mulish-Medium;
	src: url(../fonts/font/Mulish-Medium.eot);
	src: url(../fonts/font/Mulish-Mediumd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/font/Mulish-Medium.woff2) format("woff2"), url(../fonts/font/Mulish-Medium.woff) format("woff"), url(../fonts/font/Mulish-Medium.ttf) format("truetype"), url(../fonts/font/Mulish-Medium.svg#Mulish-Medium) format("svg");
	font-weight: 500;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Mulish-Regular;
	src: url(../fonts/font/Mulish-Regular.eot);
	src: url(../fonts/font/Mulish-Regulard41d.eot?#iefix) format("embedded-opentype"), url(../fonts/font/Mulish-Regular.woff2) format("woff2"), url(../fonts/font/Mulish-Regular.woff) format("woff"), url(../fonts/font/Mulish-Regular.ttf) format("truetype"), url(../fonts/font/Mulish-Regular.svg#Mulish-Regular) format("svg");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: icomoon;
	src: url(../fonts/icomoon898c.eot?klsznq);
	src: url(../fonts/icomoon898c.eot?klsznq#iefix) format("embedded-opentype"), url(../fonts/icomoon898c.woff2?klsznq) format("woff2"), url(../fonts/icomoon898c.ttf?klsznq) format("truetype"), url(../fonts/icomoon898c.woff?klsznq) format("woff"), url(../fonts/icomoon898c.svg?klsznq#icomoon) format("svg");
	font-weight: 400;
	font-style: normal;
	font-display: block
}

[class*=" icon-"],
[class^=icon-] {
	font-family: icomoon !important;
	speak: never;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-frame-3:before {
	content: "\e968"
}

.icon-gap:before {
	content: "\e969"
}

.icon-identifying-challenges:before {
	content: "\e96a"
}

.icon-impact:before {
	content: "\e96b"
}

.icon-maximizes-benefits:before {
	content: "\e96c"
}

.icon-measure:before {
	content: "\e96d"
}

.icon-monitoring-1:before {
	content: "\e96e"
}

.icon-opportunities:before {
	content: "\e96f"
}

.icon-readiness-for-change:before {
	content: "\e970"
}

.icon-reduces-risk:before {
	content: "\e971"
}

.icon-resistance:before {
	content: "\e972"
}

.icon-resistance-1:before {
	content: "\e973"
}

.icon-results:before {
	content: "\e974"
}

.icon-reward:before {
	content: "\e975"
}

.icon-stakeholders:before {
	content: "\e976"
}

.icon-strategy:before {
	content: "\e977"
}

.icon-strategy-2:before {
	content: "\e978"
}

.icon-success-story:before {
	content: "\e979"
}

.icon-support:before {
	content: "\e97a"
}

.icon-swot:before {
	content: "\e97b"
}

.icon-plan-and-launch:before {
	content: "\e97c"
}

.icon-acquiring-knowledge:before {
	content: "\e97d"
}

.icon-celebrate:before {
	content: "\e97e"
}

.icon-change-infra:before {
	content: "\e97f"
}

.icon-communicate-plans:before {
	content: "\e980"
}

.icon-create-awareness:before {
	content: "\e981"
}

.icon-defining-change-management:before {
	content: "\e982"
}

.icon-determine:before {
	content: "\e983"
}

.icon-develop-skills:before {
	content: "\e984"
}

.icon-employee-engagement:before {
	content: "\e985"
}

.icon-evaluate:before {
	content: "\e986"
}

.icon-feedback:before {
	content: "\e987"
}

.icon-frame-2:before {
	content: "\e988"
}

.icon-refresh:before {
	content: "\e967"
}

.icon-cloud-hosting:before {
	content: "\e964"
}

.icon-cloud-setup:before {
	content: "\e965"
}

.icon-our-clients-cloud:before {
	content: "\e966"
}

.icon-Statutory-disclosure .path1:before {
	content: "\e950";
	color: #666262
}

.icon-Statutory-disclosure .path2:before {
	content: "\e957";
	margin-left: -1.0771484375em;
	color: #666262
}

.icon-Statutory-disclosure .path3:before {
	content: "\e959";
	margin-left: -1.0771484375em;
	color: #666262
}

.icon-Statutory-disclosure .path4:before {
	content: "\e95a";
	margin-left: -1.0771484375em;
	color: #666262
}

.icon-Statutory-disclosure .path5:before {
	content: "\e95b";
	margin-left: -1.0771484375em;
	color: #666262
}

.icon-Statutory-disclosure .path6:before {
	content: "\e95c";
	margin-left: -1.0771484375em;
	color: #666262
}

.icon-Statutory-disclosure .path7:before {
	content: "\e95d";
	margin-left: -1.0771484375em;
	color: #666262
}

.icon-Statutory-disclosure .path8:before {
	content: "\e95e";
	margin-left: -1.0771484375em;
	color: #666262
}

.icon-Statutory-disclosure .path9:before {
	content: "\e95f";
	margin-left: -1.0771484375em;
	color: #666262
}

.icon-Statutory-disclosure .path10:before {
	content: "\e960";
	margin-left: -1.0771484375em;
	color: #161616
}

.icon-Statutory-disclosure .path11:before {
	content: "\e961";
	margin-left: -1.0771484375em;
	color: #666262
}

.icon-Statutory-disclosure .path12:before {
	content: "\e962";
	margin-left: -1.0771484375em;
	color: #161616
}

.icon-Statutory-disclosure .path13:before {
	content: "\e963";
	margin-left: -1.0771484375em;
	color: #161616
}

.icon-brand-identity:before {
	content: "\e946"
}

.icon-onsite-design:before {
	content: "\e956"
}

.icon-visual-design-banner:before {
	content: "\e958"
}

.icon-check:before {
	content: "\e954"
}

.icon-share:before {
	content: "\e955"
}

.icon-blending-creativity:before {
	content: "\e94d"
}

.icon-end-to-end-solution:before {
	content: "\e94e"
}

.icon-power-of-data:before {
	content: "\e952"
}

.icon-current-tech-trend:before {
	content: "\e953"
}

.icon-top:before {
	content: "\e951"
}

.icon-push-notifications2:before {
	content: "\e94f"
}

.icon-app-design:before {
	content: "\e937"
}

.icon-brand-analytics:before {
	content: "\e938"
}

.icon-chatbots:before {
	content: "\e939"
}

.icon-core-system-Integration:before {
	content: "\e93a"
}

.icon-deployment-integration:before {
	content: "\e93b"
}

.icon-ecmmrc-analytics:before {
	content: "\e93d"
}

.icon-ecom-social-media:before {
	content: "\e93e"
}

.icon-emailers:before {
	content: "\e93f"
}

.icon-frame1:before {
	content: "\e940"
}

.icon-frame2:before {
	content: "\e941"
}

.icon-frame3:before {
	content: "\e942"
}

.icon-key-metrics:before {
	content: "\e943"
}

.icon-Mobile-App-Design:before {
	content: "\e944"
}

.icon-personalization:before {
	content: "\e945"
}

.icon-robust-cms:before {
	content: "\e947"
}

.icon-service-oriented-arch:before {
	content: "\e948"
}

.icon-smart-search:before {
	content: "\e949"
}

.icon-ux-design:before {
	content: "\e94a"
}

.icon-ux-strategy:before {
	content: "\e94b"
}

.icon-website-design-solution:before {
	content: "\e94c"
}

.icon-phone:before {
	content: "\e935"
}

.icon-location2:before {
	content: "\e936"
}

.icon-facebook:before {
	content: "\e933"
}

.icon-instagram:before {
	content: "\e934"
}

.icon-right-arrow4:before {
	content: "\e932"
}

.icon-right-arrow3:before {
	content: "\e92f"
}

.icon-play:before {
	content: "\e91a"
}

.icon-lets-chat-arrow:before {
	content: "\e913"
}

.icon-figma:before {
	content: "\e900"
}

.icon-right-arrow:before {
	content: "\e92e";
	color: #0b4e82
}

.icon-top-right-arrow:before {
	content: "\e93c"
}

.icon-angular:before {
	content: "\e919"
}

.icon-html:before {
	content: "\e91b"
}

.icon-java:before {
	content: "\e91c"
}

.icon-react:before {
	content: "\e922"
}

.icon-selenium:before {
	content: "\e923"
}

.icon-vuejs:before {
	content: "\e924"
}

.icon-cms:before {
	content: "\e925"
}

.icon-enterprise:before {
	content: "\e926"
}

.icon-front-end:before {
	content: "\e927"
}

.icon-infra:before {
	content: "\e928"
}

.icon-product-dev:before {
	content: "\e929"
}

.icon-linked-in3:before {
	content: "\e930"
}

.icon-twitter2:before {
	content: "\e931"
}

.icon-linked-in2:before {
	content: "\e92d"
}

.icon-youtube:before {
	content: "\e92c"
}

.icon-dribbble:before {
	content: "\e92b"
}

.icon-twitter:before {
	content: "\e912"
}

.icon-insta:before {
	content: "\e92a"
}

.icon-linked-in:before {
	content: "\e914"
}

.icon-right-arrow2:before {
	content: "\e911"
}

.icon-email-icon:before {
	content: "\e901"
}

.icon-idealake_logo:before {
	content: "\e90e"
}

.icon-location:before {
	content: "\e90f"
}

.icon-phone-icon:before {
	content: "\e910"
}

.icon-left-arrow:before {
	content: "\e902"
}

.icon-quote:before {
	content: "\e903"
}

.icon-curve-arrow-2:before {
	content: "\e904"
}

.icon-curve-arrow-1:before {
	content: "\e905"
}

.icon-design:before {
	content: "\e91d"
}

.icon-web:before {
	content: "\e91e"
}

.icon-mobile:before {
	content: "\e91f"
}

.icon-back-end:before {
	content: "\e920"
}

.icon-testing:before {
	content: "\e921"
}

.icon-data-led:before {
	content: "\e915"
}

.icon-social-media:before {
	content: "\e916"
}

.icon-visual-design:before {
	content: "\e917"
}

.icon-content:before {
	content: "\e918"
}

.icon-enterprise-application:before {
	content: "\e906"
}

.icon-machine-learning:before {
	content: "\e907"
}

.icon-mob-app-solutions:before {
	content: "\e908"
}

.icon-onsite-professionals:before {
	content: "\e909"
}

.icon-user-experience:before {
	content: "\e90a"
}

.icon-artificial-intelligence:before {
	content: "\e90b"
}

.icon-Brand-Workshop:before {
	content: "\e90c"
}

.icon-ecommerce-solutions:before {
	content: "\e90d"
}

html {
	box-sizing: border-box;
	-ms-overflow-style: scrollbar
}

*,
::after,
::before {
	box-sizing: border-box
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-small,
.container-xl {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}

.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -15px
}

[class*=col-] {
	padding: 0 15px
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px
}

.col {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%
}

.col-auto {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: 100%
}

.col-1 {
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%
}

.col-2 {
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%
}

.col-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%
}

.col-4 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%
}

.col-5 {
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%
}

.col-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}

.col-7 {
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%
}

.col-8 {
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%
}

.col-9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%
}

.col-10 {
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%
}

.col-11 {
	-ms-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%
}

.col-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}

.order-first {
	-ms-flex-order: -1;
	order: -1
}

.order-last {
	-ms-flex-order: 13;
	order: 13
}

.order-0 {
	-ms-flex-order: 0;
	order: 0
}

.order-1 {
	-ms-flex-order: 1;
	order: 1
}

.order-2 {
	-ms-flex-order: 2;
	order: 2
}

.order-3 {
	-ms-flex-order: 3;
	order: 3
}

.order-4 {
	-ms-flex-order: 4;
	order: 4
}

.order-5 {
	-ms-flex-order: 5;
	order: 5
}

.order-6 {
	-ms-flex-order: 6;
	order: 6
}

.order-7 {
	-ms-flex-order: 7;
	order: 7
}

.order-8 {
	-ms-flex-order: 8;
	order: 8
}

.order-9 {
	-ms-flex-order: 9;
	order: 9
}

.order-10 {
	-ms-flex-order: 10;
	order: 10
}

.order-11 {
	-ms-flex-order: 11;
	order: 11
}

.order-12 {
	-ms-flex-order: 12;
	order: 12
}

#banner_section .row {
	-ms-flex-align: center;
	align-items: center
}

#banner_section .left_panel {
	width: 35%;
	max-width: none;
	color: #000;
	font-size: 1.6rem
}

#banner_section .left_panel .banner_bg_right {
	position: relative;
	left: 0
}

#banner_section .left_panel .banner_content .sec-head {
	text-align: left
}

#banner_section .left_panel .banner_desc {
	font-size: 2rem;
	line-height: 2.5rem;
	margin-top: 2.4rem;
	max-width: 350px
}

#banner_section .right_panel {
	width: 65%;
	padding: 6.5rem 2.4rem 0 3rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

#banner_section .right_panel .banner-cards {
	max-width: 50rem;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: justify;
	justify-content: space-between
}

#banner_section .right_panel .banner-cards .col-lg-6 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

#banner_section .card.typ-1 {
	max-width: 25.5rem
}

#banner_section .banner_title {
	font-size: 7.2rem;
	font-family: Mulish-Bold;
	color: #fff;
	margin-bottom: 1.5rem;
	display: block
}

#banner_section .banner_title span {
	color: #4869ec;
	display: block
}

#banner_section .banner_subtitle {
	font-size: 2.8rem;
	line-height: 5.2rem;
	margin-bottom: 2rem;
	text-transform: capitalize
}

#banner_section .card {
	background-color: #fff;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 2.4rem 1.2rem;
	margin-bottom: 0;
	position: relative;
	transition: all .3s ease-in-out;
	overflow: hidden;
	max-width: 20.5rem
}

#banner_section .card * {
	z-index: 9;
	transition: all .3s ease-in-out
}

#banner_section .card .card_pic {
	margin-bottom: 1.6rem
}

#banner_section .card .card_title {
	font-size: 2.4rem;
	margin-bottom: 1.5rem;
	font-family: Mulish-Bold
}

#banner_section .card p {
	color: #585755;
	margin-bottom: 0;
	font-size: 1.3rem
}

#banner_section .card::after {
	content: "";
	position: absolute;
	width: 25px;
	height: 25px;
	border-radius: 100%;
	top: 4.4rem;
	left: 3.5rem;
	z-index: 0;
	transition: all .5s ease-in-out
}

#banner_section .card.card_icici::after {
	top: 10rem
}

.mb-0 {
	margin-bottom: 0
}

.awardSlider {
	padding: 8rem 0 2rem;
	background: linear-gradient(0deg, #c8f5ff 0, rgba(255, 255, 255, 0) 100%)
}

.awardSlider img {
	min-width: 140px;
	padding: 2.5rem
}

#our_services {
	padding: 10rem 0 5rem
}

#our_services .servicesHead {
	text-align: center
}

#our_services .servicesHead .sec-head {
	margin-bottom: 1.6rem
}

#our_services .servicesHead .sec-subhead {
	font-size: 20px;
	line-height: 32px;
	margin-bottom: 4rem
}

#our_services .servicesList {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	justify-content: space-between
}

#our_services .servicesList .card {
	background: #fff;
	border: 1px solid #d1cec9;
	position: relative;
	cursor: pointer;
	margin-bottom: 2.4rem;
	padding: 4rem 2.7rem 4rem 2.4rem;
	-ms-flex-align: end;
	align-items: flex-end;
	width: 24%;
	-ms-flex-pack: justify;
	justify-content: space-between;
	overflow: hidden
}

#our_services .servicesList .card:before {
	content: "";
	position: absolute;
	background: linear-gradient(119deg, #0090ff -16.42%, #7fbef9 128.77%);
	top: 0;
	left: 0;
	z-index: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
	visibility: hidden;
	transition: all .5s ease-in-out
}

#our_services .servicesList .card:hover:before {
	opacity: 1;
	visibility: visible
}

#our_services .servicesList .card:hover .cardinfo .cardTitle {
	color: #fff
}

#our_services .servicesList .card:hover .cardinfo span {
	color: #fff
}

#our_services .servicesList .card:hover .cardinfo {
	-ms-transform: translateY(0);
	transform: translateY(0)
}

#our_services .servicesList .card:hover .arrowimg {
	-ms-transform: translateY(0);
	transform: translateY(0);
	visibility: visible
}

#our_services .servicesList .card .cardinfo {
	position: relative;
	z-index: 9;
	transition: all, .5s, ease-in-out, 0s;
	-ms-transform: translateY(-5px);
	transform: translateY(-5px)
}

#our_services .servicesList .card .cardinfo span {
	font-size: 6.4rem;
	color: #0b4e82
}

#our_services .servicesList .card .cardinfo .cardTitle {
	padding-top: 2.6rem;
	font-weight: 700;
	font-size: 2.2rem;
	line-height: 3rem;
	color: #171717;
	font-family: Mulish-Bold
}

#our_services .servicesList .card .cardinfo .cardTitle .block-txt {
	display: block
}

#our_services .servicesList .card .arrowimg {
	width: 4rem;
	position: absolute;
	transition: all .5s ease-in-out;
	z-index: 2;
	-ms-transform: translateY(8rem);
	transform: translateY(8rem);
	right: 0;
	bottom: 4rem
}

#our_services .servicesList .card .arrowimg span {
	font-size: 1.2rem;
	background: #f9f6f6;
	border-radius: 5rem;
	padding: .7rem 1rem;
	color: #0b4e82;
	width: 25px;
	height: 25px;
	display: inline-block
}

#our_services .allservicesBtn {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 1.6rem;
	display: none
}

#our_services .allservicesBtn a {
	border: 1px solid #0b4e82;
	padding: 1.8rem 4rem;
	text-decoration: none;
	font-family: Mulish-Bold;
	color: #0b4e82;
	font-size: 1.8rem;
	line-height: 2.2rem;
	z-index: 1;
	display: inline-block;
	position: relative;
	overflow: hidden;
	transition: all .2s ease-in-out
}

#our_services .allservicesBtn a:hover {
	background-color: #0b4e82;
	color: #fff
}

#our_services .allservicesBtn a:hover {
	background: #0b4e82;
	color: #fff
}

#ideasAchieve {
	position: relative;
	padding: 5rem 0
}

#ideasAchieve .sec-wrap {
	position: relative
}

#ideasAchieve .sec-wrap .secBg img {
	width: 100%;
	height: 55rem
}

#ideasAchieve .head {
	position: absolute;
	top: 10rem;
	left: 0;
	text-align: center;
	width: 100%;
	color: #231f20
}

#ideasAchieve .head .headDesc {
	font-family: Mulish-Regular;
	font-size: 3.6rem;
	line-height: 4.2rem;
	max-width: 77rem;
	margin: 0 auto
}

#ideasAchieve .head .knowMorebtn {
	margin-top: 4.4rem
}

#ideasAchieve .column {
	display: -ms-flexbox;
	display: flex;
	margin: -9rem -4.5rem 0;
	transition: all 1s ease-out
}

#ideasAchieve .column .cards {
	padding: 2.4rem 3.4rem;
	margin: 0 1.5rem;
	text-align: center;
	width: 25%;
	transition: all 1s ease-out
}

#ideasAchieve .column .cards .counters {
	font-family: Mulish-Bold;
	font-size: 5.4rem;
	line-height: 6rem;
	color: #000
}

#ideasAchieve .column .cards .counterTitle {
	font-size: 2.2rem;
	line-height: 2.7rem;
	color: #171717;
	font-family: Mulish-Bold;
	margin-top: 1.6rem;
	text-transform: capitalize
}

#ideasAchieve .column .cards .counterDesc {
	font-family: Mulish-Regular;
	font-size: 1.6rem;
	line-height: 2.4rem;
	color: #585755;
	margin-top: 1.6rem
}

#ideasAchieve .handImg {
	position: absolute;
	bottom: 0;
	right: 0
}

#ideasAchieve .btn_primary {
	color: #171717;
	font-family: Mulish-Bold;
	background-color: #fff;
	border-radius: 0;
	border: none;
	z-index: 1;
	position: relative;
	overflow: hidden;
	transition: all .2s ease-in-out
}

#ideasAchieve .btn_primary::after {
	content: "";
	position: absolute;
	bottom: -100%;
	left: 0;
	height: 300%;
	width: 100%;
	background-color: #fff;
	z-index: -1;
	border-radius: 100%;
	transition: all .2s ease-in-out
}

#ideasAchieve .btn_primary:active,
#ideasAchieve .btn_primary:hover {
	color: #fff;
	background-color: #4869ec
}

#ideasAchieve .btn_primary:active:after,
#ideasAchieve .btn_primary:hover:after {
	bottom: 100%
}

#ideasAchieve .counter {
	letter-spacing: .125rem;
	line-height: 1;
	position: relative;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	-ms-flex-align: center;
	align-items: center;
	height: 5.125rem;
	font-size: 3.125rem;
	margin: 0 1.25rem;
	font-weight: 400;
	-ms-flex-pack: center;
	justify-content: center
}

#ideasAchieve .counter>span {
	z-index: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
	transition: transform 2s ease;
	-ms-transform: translateY(0);
	transform: translateY(0);
	line-height: 1
}

#ideasAchieve .counter>span span {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	height: 100%
}

#ideasAchieve .counter:nth-child(1) {
	color: #000;
	font-size: 5.4rem;
	line-height: 6rem;
	font-family: Mulish-Bold
}

section.artical-area {
	padding: 9rem 0
}

section.artical-area .sec-title {
	text-align: center
}

section.artical-area .sec-title .section-heading {
	font-size: 5.4rem;
	line-height: 6.6rem;
	color: #171717;
	margin-bottom: 10.7rem;
	font-family: Mulish-Bold
}

section.artical-area .reverse-column.noCTA .art-list .art-img-2 {
	height: 170px
}

section.artical-area .art-wrap {
	position: relative
}

section.artical-area .art-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding: 2.2rem;
	border: 1px solid #d1cec9;
	background: #fff;
	margin-bottom: 2.4rem;
	margin-right: 0;
	position: relative;
	z-index: 1
}

section.artical-area .art-list:last-child {
	margin-bottom: 0
}

section.artical-area .art-list .art-img {
	padding-right: 2.4rem;
	width: 45%
}

section.artical-area .art-list .art-img img {
	height: 100%;
	width: auto;
	object-fit: cover
}

section.artical-area .art-list .art-cont {
	width: 55%
}

section.artical-area .art-list .art-cont .art-title {
	font-size: 1.9rem;
	line-height: 3.2rem;
	color: #171717;
	text-transform: capitalize
}

section.artical-area .art-list .art-cont .art-para {
	color: #585755;
	font-size: 1.5rem;
	line-height: 2.4rem;
	margin: 2rem 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden
}

section.artical-area .btnWrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 3.5rem;
	width: 100%
}

section.artical-area .btnWrap .btn-outline {
	color: #0b4e82;
	border-color: #0b4e82
}

section.artical-area .btnWrap .btn-outline:hover {
	color: #fff
}

section .artiwrap-right {
	border: 1px solid #d1cec9;
	padding: 2.2rem
}

section .artiwrap-right .art-list {
	border: none;
	padding: 0;
	margin-bottom: 0
}

section .artiwrap-right .art-list .art-cont {
	width: 100%
}

.btn-plain {
	color: #0b4e82;
	font-family: Mulish-Bold;
	font-size: 1.8rem;
	line-height: normal;
	position: relative
}

.btn-plain::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 2px;
	background-color: #0b4e82;
	transition: all .3s ease-in-out 0s
}

.btn-plain:hover:after {
	width: 100%
}

section.excitedTo-work {
	padding: 6rem 0
}

section.excitedTo-work .excited-area {
	padding: 9rem 0 8.5rem 0;
	background: #e5efff;
	border-radius: 2.4rem;
	text-align: center;
	position: relative;
	z-index: 9;
	overflow: hidden
}

section.excitedTo-work .excited-area .extited-vector {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: -1
}

section.excitedTo-work .excited-area .extited-vector img {
	max-width: 100%;
	width: auto
}

section.excitedTo-work .excited-area .ex-title {
	font-size: 6.4rem;
	line-height: 7.8rem;
	color: #2d2d2d;
	font-family: Mulish-Bold;
	margin-bottom: 2.4rem;
	text-transform: capitalize
}

section.excitedTo-work .excited-area .ex-para {
	font-size: 2rem;
	line-height: 2.5rem;
	color: #2d2d2d;
	font-family: Mulish-Regular;
	margin-bottom: 5.9rem
}

section.excitedTo-work .excited-area span {
	font-size: 7rem;
	position: absolute;
	right: 48rem;
	bottom: 10.5rem
}

section.uxdesign-area {
	padding: 6rem 0
}

section.uxdesign-area .mb {
	margin-top: 13.3rem
}

section.uxdesign-area .ux-image {
	box-shadow: 0 18px 52.8537px rgba(215, 228, 249, .5);
	border-radius: 24px;
	overflow: hidden
}

section.uxdesign-area .ux-image img {
	width: 100%
}

section.uxdesign-area .ux-content h3.ux-title {
font-size: 39px;
    line-height: 60px;
    color: #2d2d2d;
    font-family: Mulish-Bold;
    margin-bottom: 1rem;
}

section.uxdesign-area .ux-content h4.ux-subtitle {
	font-size: 32px;
	line-height: 46px;
	margin-bottom: 2.4rem;
	font-family: Mulish-Bold;
	color: #2d2d2d
}

section.uxdesign-area .ux-content ul.ux-list li.ux-list {
	font-size: 18px;
	line-height: 32px;
	color: #585755;
	font-family: Mulish-Regular;
	margin-bottom: 2.7rem
}

section.uxdesign-area .expertiselist {
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 4rem
}

section.uxdesign-area .expertiselist h5.ex-title {
	font-size: 24px;
	line-height: 32px;
	margin-bottom: .8rem
}

section.uxdesign-area .expertiselist p.ex-para {
	font-size: 18px;
	line-height: 32px;
	color: #585755
}

section.uxdesign-area .expertiselist .expertise-icon {
	padding-right: 3rem
}

section.uxdesign-area .expertiselist .expert-content {
	width: 90%
}

.our-offering {
	background: linear-gradient(180deg, #009fb5 0, #00082f 100%);
	margin: 3rem 0;
	position: relative;
	padding: 6.6rem 0
}

.our-offering::before {
	content: "";
	background: url(../images/curve1.png);
	background-size: contain;
	width: 100%;
	height: 100%;
	position: absolute;
	background-repeat: no-repeat;
	top: -1px;
	background-position: top
}

.our-offering::after {
	content: "";
	background: url(../images/curve2.png);
	background-size: contain;
	width: 100%;
	height: 100%;
	position: absolute;
	background-repeat: no-repeat;
	bottom: -2px;
	background-position: bottom
}

.our-offering .title-wrapper {
	margin-bottom: 3rem;
	padding: 2rem 0
}

.our-offering .title-wrapper .sec-head {
	font-size: 4.5rem;
	line-height: 5.4rem;
	font-family: Mulish-Regular;
	font-weight: 400;
	color: #fff;
	text-align: center;
	margin-bottom: 2.4rem;
	text-transform: capitalize
}

.our-offering .title-wrapper .sec-subhead {
	font-size: 2rem;
	line-height: 2.5rem;
	color: #fff;
	text-align: center
}

.our-offering .full-stack-wrapper {
	color: #fff;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 90px
}

.our-offering .full-stack-wrapper .we-Deliver,
.our-offering .full-stack-wrapper .we-design,
.our-offering .full-stack-wrapper .we-develop {
	width: 33.33%;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 auto
}

.our-offering .full-stack-wrapper .we-Deliver .head,
.our-offering .full-stack-wrapper .we-design .head,
.our-offering .full-stack-wrapper .we-develop .head {
	font-size: 3.2rem;
	line-height: 4rem;
	color: #fff;
	font-family: Mulish-Regular;
	font-weight: 400;
	text-transform: uppercase
}

.our-offering .full-stack-wrapper .img-wrapper {
	margin-top: 3rem
}

.our-offering .full-stack-wrapper .img-wrapper img {
	height: 504px
}

.latest-work {
	margin: 5rem 0
}

.latest-work .sec-head {
	text-align: center;
	font-weight: 400
}

.latest-work .sec-subhead {
	margin: 2.8rem 0
}

.latest-work .mac-delivery-1 {
	margin: 6.4rem auto 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-ms-flex-align: center;
	align-items: center
}

.latest-work .mac-delivery-1 .right-col {
	width: 60%;
	text-align: center
}

.latest-work .mac-delivery-1 .left-col {
	width: 40%
}

.latest-work .mac-delivery-1 .left-col .col-head {
	font-size: 3.2rem;
	line-height: 4.2rem;
	font-family: Mulish-Medium;
	font-weight: 500;
	color: #171717;
	text-align: left;
	margin-bottom: 2.8rem;
	padding-left: 0
}

.latest-work .mac-delivery-1 .left-col .img-desc {
	font-size: 1.6rem;
	line-height: 3.2rem;
	color: #585755;
	font-family: Mulish-Regular;
	margin-bottom: 4rem
}

.latest-work .mac-delivery-1 .left-col .img-desc-1 {
	font-size: 1.8rem;
	line-height: 2.2rem;
	color: #585755;
	font-family: Mulish-Regular;
	margin-bottom: 1.8rem
}

.latest-work .mac-delivery-1 .left-col .play-btn {
	width: 33px;
	height: 33px;
	margin-right: 1.3rem
}

.latest-work .mac-delivery-1 .left-col .video-demo .watchdemo {
	color: #0b4e82;
	font-size: 1.8rem;
	line-height: 2.2rem;
	position: relative;
	font-family: Mulish-Regular
}

.latest-work .mac-delivery-1 .left-col .video-demo .watchdemo::before {
	position: absolute;
	content: "";
	height: 2px;
	left: 0;
	right: 0;
	top: 25;
	width: 135px;
	background: #0b4e82
}

.latest-work .mac-delivery-1 .left-col .video-demo .watchdemo::after {
	content: "";
	background: url(../images/arrow.html);
	width: 15px;
	height: 12px;
	position: absolute;
	top: 5;
	right: -20px;
	transition: transform .5s ease-out;
	animation: bounceRight 2s infinite
}

.latest-work .mac-delivery-1 .left-col .demowrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.latest-work .mac-delivery {
	margin: 5.9rem auto 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.latest-work .mac-delivery .right-col {
	width: 55%;
	text-align: center
}

.latest-work .mac-delivery .left-col {
	width: 45%
}

.latest-work .mac-delivery .left-col .col-head {
	font-size: 3.2rem;
	line-height: 3.7rem;
	font-family: Mulish-Medium;
	font-weight: 500;
	color: #171717;
	text-align: left;
	margin-bottom: 2.8rem;
	padding-left: 0
}

.latest-work .mac-delivery .left-col .img-desc {
	font-size: 1.6rem;
	line-height: 3.2rem;
	color: #585755;
	font-family: Mulish-Regular;
	margin-bottom: 4rem
}

.latest-work .mac-delivery .left-col .img-desc-1 {
	font-size: 1.8rem;
	line-height: 2.2rem;
	color: #585755;
	font-family: Mulish-Regular;
	margin-bottom: 1.8rem
}

.latest-work .mac-delivery .left-col .play-btn {
	width: 33px;
	height: 33px;
	margin-right: 1.3rem
}

.latest-work .mac-delivery .left-col .video-demo .watchdemo {
	color: #0b4e82;
	font-size: 1.8rem;
	line-height: 2.2rem;
	position: relative
}

.latest-work .mac-delivery .left-col .video-demo .watchdemo::before {
	position: absolute;
	content: "";
	height: 2px;
	left: 0;
	right: 0;
	top: 25;
	width: 135px;
	background: #0b4e82
}

.latest-work .mac-delivery .left-col .video-demo .watchdemo::after {
	content: "";
	background: url(../images/arrow.html);
	width: 15px;
	height: 12px;
	position: absolute;
	top: 5;
	right: -20px;
	transition: transform .3s ease-out;
	animation: bounceRight 2s infinite
}

.latest-work .mac-delivery .left-col .demowrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.latest-work .btn-wrapper {
	text-align: center;
	margin-top: 6rem;
	margin-bottom: 8rem
}

.latest-work .btn-wrapper .btn_primary {
	background-color: #0b4e82;
	color: #000;
	font-size: 1.8rem;
	font-family: Mulish-Bold;
	color: #fff;
	border: none
}

#team_section {
	padding: 5rem 0 10rem
}

#team_section .fundmembersHead {
	text-align: center
}

#team_section .fundmembersHead .sec-head {
	font-weight: 400;
	margin-bottom: 1.6rem
}

#team_section .fundmembersHead .sec-subhead {
	font-size: 2rem;
	line-height: 3.2rem
}

#team_section .memberCard {
	margin-top: 2.4rem
}

#team_section .memberCard .swiper-wrapper {
	-ms-flex-pack: center;
	justify-content: center
}

#team_section .memberCard .swiper-slide {
	width: 32%;
	padding: 0 1.2rem
}

#team_section .memberCard .swiper-slide:last-child {
	margin-right: 0
}

#team_section .memberCard .card {
	position: relative;
	overflow: hidden;
	margin-right: 2rem;
	border: 1px solid #d1cec9;
	height: 37rem
}

#team_section .memberCard .card:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	bottom: 0;
	right: 0;
	opacity: 0;
	visibility: hidden;
	transition: all .4s ease-in-out;
	border-radius: 2rem
}

#team_section .memberCard .card:hover .cardinfo {
	bottom: 10px
}

#team_section .memberCard .card:hover:before {
	opacity: 1;
	visibility: visible
}

#team_section .memberCard .card .cardImg {
	position: absolute;
	right: 0;
	bottom: -2px;
	text-align: right;
	height: 100%
}

#team_section .memberCard .card .cardImg img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: bottom
}

#team_section .memberCard .card .cardinfo {
	position: absolute;
	bottom: -6.8rem;
	padding-left: 3rem;
	padding-bottom: 3rem;
	transition: all .4s ease-in-out;
	z-index: 2;
	width: 100%
}

#team_section .memberCard .card .cardinfo .cardTitle {
	font-size: 2.8rem;
	line-height: 3.6rem;
	word-break: break-word;
	color: #000;
	margin: 0;
	margin-bottom: 1.2rem;
	transition: all .4s ease-in-out;
	text-transform: capitalize;
	text-shadow: 1px 1px 5px #fff
}

#team_section .memberCard .card .cardinfo .cardDisc {
	font-weight: 600;
	font-size: 1.6rem;
	line-height: 2rem;
	color: #000;
	margin: 0;
	opacity: .8;
	transition: all .4s ease-in-out;
	text-transform: uppercase
}

#team_section .memberCard .card .cardinfo .textcap {
	text-transform: capitalize
}

#team_section .memberCard .card .cardinfo .socialIcons {
	padding-top: 3.3rem
}

#team_section .memberCard .card .cardinfo .socialIcons ul {
	margin: 0;
	padding: 0
}

#team_section .memberCard .card .cardinfo .socialIcons ul li {
	padding-right: 2.7rem;
	display: inline-block
}

#team_section .memberCard .card .cardinfo .socialIcons ul li span {
	color: #000;
	font-size: 2.6rem
}

#team_section .memberCard .card:last-child {
	margin-right: 0
}

#team_section .leadersBtn {
	text-align: center;
	margin-top: 2.4rem
}

#team_section .leadersBtn .btn-outline {
	color: #000
}

#team_section .leadersBtn .btn-outline:hover {
	color: #fff;
	background-color: #4869ec;
	border-color: #4869ec
}

.testimonialwrap {
	padding: 5rem 0
}

.testimonialwrap .sec-head {
	font-weight: 400;
	max-width: 58rem;
	margin: 0 auto;
	margin-bottom: 5.4rem
}

.testimonialwrap .cardslider-cards {
	margin-bottom: 8.2rem
}

.testimonialwrap .cardslider-card {
	padding: 8.4rem 6rem 5.4rem;
	background: #fff;
	border: 1px solid #d1cec9;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.testimonialwrap .cardslider-card .text {
	color: #000;
	font-size: 1.8rem;
	line-height: 3rem;
	margin-bottom: 2rem;
	text-align: center
}

.testimonialwrap .cardslider-card .user {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	-ms-flex-align: center;
	align-items: center
}

.testimonialwrap .cardslider-card .user .userinfo {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 19px;
	-ms-flex-align: center;
	align-items: center
}

.testimonialwrap .cardslider-card .user .userinfo .username {
	font-size: 2.6rem;
	line-height: 3.4rem;
	font-family: Mulish-Bold
}

.testimonialwrap .cardslider-card .user .userinfo .userpos {
	font-size: 2rem;
	line-height: 3.4rem;
	color: #585755
}

.testimonialwrap .cardslider-card .user .complogo img {
	width: 100%;
	max-width: 16.6rem
}

.testimonialwrap .cardslider-direction-nav {
	position: relative;
	width: 100%;
	margin: 0 auto;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	max-width: 89rem;
	gap: 2.8rem
}

.testimonialwrap .cardslider-direction-nav .cardslider-nav-next,
.testimonialwrap .cardslider-direction-nav .cardslider-nav-prev {
	background: 0 0;
	font-family: icomoon !important;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	text-indent: initial;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: transparent;
	font-size: 0;
	width: 50px;
	border: 0;
	outline: 0;
	cursor: pointer
}

.testimonialwrap .cardslider-direction-nav .cardslider-nav-next:before,
.testimonialwrap .cardslider-direction-nav .cardslider-nav-prev:before {
	font-size: 2.5rem;
	color: #000;
	transition: all .1s ease
}

.testimonialwrap .cardslider-direction-nav .cardslider-nav-next.disabled,
.testimonialwrap .cardslider-direction-nav .cardslider-nav-prev.disabled {
	opacity: .4;
	margin-bottom: .4rem
}

.testimonialwrap .cardslider-direction-nav .cardslider-nav-next.disabled:before,
.testimonialwrap .cardslider-direction-nav .cardslider-nav-prev.disabled:before {
	font-size: 1.6rem
}

.testimonialwrap .cardslider-direction-nav .cardslider-nav-next:before {
	content: "\e932"
}

.testimonialwrap .cardslider-direction-nav .cardslider-nav-prev:before {
	content: "\e902"
}

.testimonialwrap .sliderWrap {
	position: relative;
	max-width: 100%;
	margin: 0 auto
}

.big-ideas {
	padding: 7.2rem 0 15.3rem 0
}

.big-ideas .cont-wrap {
	text-align: center
}

.big-ideas .cont-wrap .short-title {
	font-size: 1.8rem;
	line-height: 2.8rem;
	margin-bottom: 1.7rem
}

.big-ideas .cont-wrap .section-title {
	font-family: Mulish-Bold;
	font-size: 5.4rem;
	line-height: 6.6rem;
	margin-bottom: 4rem
}

.big-ideas .cont-wrap .short-desc {
	font-size: 2rem;
	line-height: 3.2rem;
	max-width: 1461px;
	margin: auto
}

.big-ideas .project-details-wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 6rem
}

.big-ideas .project-details-wrap .col-wrap {
	box-shadow: 0 8px 52.8537px rgba(215, 228, 249, .5);
	border-radius: 20px
}

.big-ideas .project-details-wrap .left-col {
	background: #ffd176;
	width: calc(60% - 1rem);
	margin-right: 1rem;
	padding: 4rem 9.3rem 1.7rem 6rem;
	position: relative
}

.big-ideas .project-details-wrap .left-col::before {
	content: "";
	position: absolute;
	width: 8.6rem;
	height: 89%;
	top: auto;
	right: -5rem;
	background: url(../images/spiral.html) repeat;
	background-size: contain;
	z-index: 2
}

.big-ideas .project-details-wrap .right-col {
	background: #3172a5;
	width: calc(40% - 1rem);
	margin-left: 1rem;
	padding: 4rem 6rem 4.1rem 9.3rem;
	position: relative;
	z-index: 1
}

.big-ideas .project-details-wrap .right-col .title {
	color: #fff
}

.big-ideas .project-details-wrap .title {
	font-family: Mulish-Bold;
	font-size: 3.2rem;
	line-height: 3.9rem;
	margin-bottom: 4rem
}

.big-ideas .card-wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	z-index: 1
}

.big-ideas .card-wrap .card {
	background: #fff;
	border-radius: 16px;
	padding: 2.4rem;
	width: calc(50% - 1.2rem);
	margin-bottom: 2.4rem
}

.big-ideas .card-wrap .card:nth-child(odd) {
	margin-right: 1.2rem
}

.big-ideas .card-wrap .card:nth-child(even) {
	margin-left: 1.2rem
}

.big-ideas .card-wrap .top-cont-wrap {
	margin-bottom: 1.6rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.big-ideas .card-wrap .top-cont-wrap .card-img {
	margin-right: 2.4rem;
	width: 6rem
}

.big-ideas .card-wrap .top-cont-wrap .card-title {
	font-family: Mulish-Bold;
	font-size: 2rem;
	line-height: 2.5rem
}

.big-ideas .card-wrap .card-cont {
	font-size: 1.6rem;
	line-height: 2rem;
	margin-bottom: 1.6rem
}

.big-ideas .card-wrap .card-link {
	color: #0b4e82;
	font-family: Mulish-Bold;
	font-size: 1.6rem;
	line-height: 2rem;
	text-decoration: underline
}

.big-ideas .card-wrap .bg-img {
	position: absolute;
	z-index: -1
}

.big-ideas .card-wrap .bg-img.top-bg-img {
	top: -9.2rem;
	right: -4.3rem
}

.big-ideas .card-wrap .bg-img.bottom-bg-img {
	left: -4.1rem;
	bottom: -1rem
}

.big-ideas .card-wrap .bg-img.new-pitch-tr {
	top: 2rem;
	right: 0
}

.big-ideas .card-wrap .bg-img.new-pitch-bl {
	bottom: 0;
	left: 7rem
}

.big-ideas .card-wrap .bg-img.new-pitch-br {
	bottom: 0;
	right: 0
}

.big-ideas .card-wrap.new-pitch {
	position: static
}

.big-ideas .card-wrap.new-pitch .top-cont-wrap {
	margin-bottom: 0
}

.big-ideas .card-wrap.new-pitch .card {
	margin: 0 0 2.4rem 0;
	width: 100%;
	padding: 1.6rem 2.4rem
}

.big-ideas .card-wrap.new-pitch .new-pitch-cont-wrap {
	max-width: 31.4rem
}

.big-ideas .card-wrap.new-pitch .new-pitch-cont-wrap .card-title {
	margin-bottom: .8rem
}

.big-ideas .card-wrap.new-pitch .new-pitch-cont-wrap .card-cont {
	margin-bottom: 0
}

.ready-section {
	position: relative;
	background: url(../images/added/brand_transform_bg.png) no-repeat center center;
	background-size: cover;
	padding: 5rem 0
}

.ready-section .idea-container .idea-h1 {
	font-size: 5.4rem;
	color: #0b4e82;
	font-weight: 400;
	line-height: 6.6rem;
	margin-bottom: 4.9rem
}

.ready-section .idea-container .idea-p {
	color: #3b719b;
	max-width: 54rem;
	font-family: Mulish-Regular;
	font-size: 3rem;
	line-height: 4.2rem;
	margin-bottom: 5.2rem
}

.ready-section .idea-container .ready-grid {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.ready-section .idea-container .ready-grid .right-grid {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: end;
	align-items: end;
	-ms-flex-pack: end;
	justify-content: end
}

.ready-section .idea-container .btn-wrap {
	display: -ms-flexbox;
	display: flex
}

.ready-section .idea-container .btn-wrap .idea-cta-card {
	line-height: 3.2rem;
	font-size: 1.5rem;
	font-family: Mulish-Regular;
	display: -ms-flexbox;
	display: flex;
	padding: 2.3rem;
	-ms-flex-pack: start;
	justify-content: start;
	-ms-flex-align: end;
	align-items: flex-end
}

.ready-section .idea-container .btn-wrap .cta-2 {
	background: 0 0;
	z-index: 1;
	position: relative;
	overflow: hidden;
	transition: all .2s ease-in-out;
	color: #0b4e82;
	border: 1px solid #0b4e82;
	transition: .5s;
	text-decoration: none;
	font-family: Mulish-Bold
}

.ready-section .idea-container .btn-wrap .cta-2::after {
	content: "";
	position: absolute;
	bottom: -100%;
	left: -5px;
	height: 300%;
	width: 110%;
	z-index: -1;
	border-radius: 100%;
	transition: all .2s ease-in-out;
	background-color: transparent;
	color: #0b4e82
}

.ready-section .idea-container .btn-wrap .cta-2:hover {
	background-color: #0b4e82;
	color: #fff
}

.ready-section .idea-container .btn-wrap .cta-2:hover:after {
	bottom: 100%
}

.ready-section .idea-container .btn-wrap .cta-2 p {
	font-size: 2.2rem;
	line-height: 2.8rem;
	font-family: Mulish-Bold;
	margin-right: 3.8rem
}

.ready-section .idea-container .btn-wrap .cta-2 span {
	position: relative;
	bottom: .5rem
}

.ready-section .idea-container .btn-wrap .blck-txt {
	display: block;
	font-family: Mulish-Bold
}

@media (min-width:576px) {

	.container,
	.container-sm,
	.container-small {
		max-width: 540px
	}

	.col-sm {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%
	}

	.col-sm-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: 100%
	}

	.col-sm-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%
	}

	.col-sm-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%
	}

	.col-sm-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}

	.col-sm-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%
	}

	.col-sm-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%
	}

	.col-sm-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	.col-sm-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%
	}

	.col-sm-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%
	}

	.col-sm-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%
	}

	.col-sm-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%
	}

	.col-sm-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%
	}

	.col-sm-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}

	.order-sm-first {
		-ms-flex-order: -1;
		order: -1
	}

	.order-sm-last {
		-ms-flex-order: 13;
		order: 13
	}

	.order-sm-0 {
		-ms-flex-order: 0;
		order: 0
	}

	.order-sm-1 {
		-ms-flex-order: 1;
		order: 1
	}

	.order-sm-2 {
		-ms-flex-order: 2;
		order: 2
	}

	.order-sm-3 {
		-ms-flex-order: 3;
		order: 3
	}

	.order-sm-4 {
		-ms-flex-order: 4;
		order: 4
	}

	.order-sm-5 {
		-ms-flex-order: 5;
		order: 5
	}

	.order-sm-6 {
		-ms-flex-order: 6;
		order: 6
	}

	.order-sm-7 {
		-ms-flex-order: 7;
		order: 7
	}

	.order-sm-8 {
		-ms-flex-order: 8;
		order: 8
	}

	.order-sm-9 {
		-ms-flex-order: 9;
		order: 9
	}

	.order-sm-10 {
		-ms-flex-order: 10;
		order: 10
	}

	.order-sm-11 {
		-ms-flex-order: 11;
		order: 11
	}

	.order-sm-12 {
		-ms-flex-order: 12;
		order: 12
	}
}

@media (min-width:768px) {

	.container,
	.container-md,
	.container-sm,
	.container-small {
		max-width: 720px
	}

	.col-md {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%
	}

	.col-md-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: 100%
	}

	.col-md-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%
	}

	.col-md-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%
	}

	.col-md-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}

	.col-md-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%
	}

	.col-md-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%
	}

	.col-md-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	.col-md-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%
	}

	.col-md-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%
	}

	.col-md-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%
	}

	.col-md-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%
	}

	.col-md-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%
	}

	.col-md-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}

	.order-md-first {
		-ms-flex-order: -1;
		order: -1
	}

	.order-md-last {
		-ms-flex-order: 13;
		order: 13
	}

	.order-md-0 {
		-ms-flex-order: 0;
		order: 0
	}

	.order-md-1 {
		-ms-flex-order: 1;
		order: 1
	}

	.order-md-2 {
		-ms-flex-order: 2;
		order: 2
	}

	.order-md-3 {
		-ms-flex-order: 3;
		order: 3
	}

	.order-md-4 {
		-ms-flex-order: 4;
		order: 4
	}

	.order-md-5 {
		-ms-flex-order: 5;
		order: 5
	}

	.order-md-6 {
		-ms-flex-order: 6;
		order: 6
	}

	.order-md-7 {
		-ms-flex-order: 7;
		order: 7
	}

	.order-md-8 {
		-ms-flex-order: 8;
		order: 8
	}

	.order-md-9 {
		-ms-flex-order: 9;
		order: 9
	}

	.order-md-10 {
		-ms-flex-order: 10;
		order: 10
	}

	.order-md-11 {
		-ms-flex-order: 11;
		order: 11
	}

	.order-md-12 {
		-ms-flex-order: 12;
		order: 12
	}
}

@media (min-width:992px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-small {
		max-width: 960px
	}

	.col-lg {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%
	}

	.col-lg-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: 100%
	}

	.col-lg-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%
	}

	.col-lg-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%
	}

	.col-lg-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}

	.col-lg-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%
	}

	.col-lg-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%
	}

	.col-lg-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	.col-lg-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%
	}

	.col-lg-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%
	}

	.col-lg-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%
	}

	.col-lg-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%
	}

	.col-lg-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%
	}

	.col-lg-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}

	.order-lg-first {
		-ms-flex-order: -1;
		order: -1
	}

	.order-lg-last {
		-ms-flex-order: 13;
		order: 13
	}

	.order-lg-0 {
		-ms-flex-order: 0;
		order: 0
	}

	.order-lg-1 {
		-ms-flex-order: 1;
		order: 1
	}

	.order-lg-2 {
		-ms-flex-order: 2;
		order: 2
	}

	.order-lg-3 {
		-ms-flex-order: 3;
		order: 3
	}

	.order-lg-4 {
		-ms-flex-order: 4;
		order: 4
	}

	.order-lg-5 {
		-ms-flex-order: 5;
		order: 5
	}

	.order-lg-6 {
		-ms-flex-order: 6;
		order: 6
	}

	.order-lg-7 {
		-ms-flex-order: 7;
		order: 7
	}

	.order-lg-8 {
		-ms-flex-order: 8;
		order: 8
	}

	.order-lg-9 {
		-ms-flex-order: 9;
		order: 9
	}

	.order-lg-10 {
		-ms-flex-order: 10;
		order: 10
	}

	.order-lg-11 {
		-ms-flex-order: 11;
		order: 11
	}

	.order-lg-12 {
		-ms-flex-order: 12;
		order: 12
	}
}

@media (min-width:1200px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl {
		max-width: 1222px
	}

	.container-small {
		max-width: 1062px
	}

	.col-xl {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%
	}

	.row-cols-xl-1>* {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}

	.row-cols-xl-2>* {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	.row-cols-xl-3>* {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%
	}

	.row-cols-xl-4>* {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}

	.row-cols-xl-5>* {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%
	}

	.row-cols-xl-6>* {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%
	}

	.col-xl-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: 100%
	}

	.col-xl-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%
	}

	.col-xl-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%
	}

	.col-xl-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}

	.col-xl-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%
	}

	.col-xl-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%
	}

	.col-xl-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	.col-xl-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%
	}

	.col-xl-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%
	}

	.col-xl-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%
	}

	.col-xl-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%
	}

	.col-xl-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%
	}

	.col-xl-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}

	.order-xl-first {
		-ms-flex-order: -1;
		order: -1
	}

	.order-xl-last {
		-ms-flex-order: 13;
		order: 13
	}

	.order-xl-0 {
		-ms-flex-order: 0;
		order: 0
	}

	.order-xl-1 {
		-ms-flex-order: 1;
		order: 1
	}

	.order-xl-2 {
		-ms-flex-order: 2;
		order: 2
	}

	.order-xl-3 {
		-ms-flex-order: 3;
		order: 3
	}

	.order-xl-4 {
		-ms-flex-order: 4;
		order: 4
	}

	.order-xl-5 {
		-ms-flex-order: 5;
		order: 5
	}

	.order-xl-6 {
		-ms-flex-order: 6;
		order: 6
	}

	.order-xl-7 {
		-ms-flex-order: 7;
		order: 7
	}

	.order-xl-8 {
		-ms-flex-order: 8;
		order: 8
	}

	.order-xl-9 {
		-ms-flex-order: 9;
		order: 9
	}

	.order-xl-10 {
		-ms-flex-order: 10;
		order: 10
	}

	.order-xl-11 {
		-ms-flex-order: 11;
		order: 11
	}

	.order-xl-12 {
		-ms-flex-order: 12;
		order: 12
	}
}

@media screen and (min-width:1366px) {
	.testimonialwrap .sliderWrap {
		max-width: 1695px
	}
}

@media (min-width:1440px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl {
		max-width: 1280px
	}
}

@media screen and (max-width:1600px) and (min-width:1440px) {
	#our_services .servicesList .card:nth-child(3) .cardinfo .cardTitle {
		width: 80%
	}
}

@media only screen and (min-width:1700px) {
	.big-ideas .container {
		max-width: 1600px
	}
}

@media screen and (max-width:1600px) {
	section.artical-area .reverse-column.noCTA .art-list .art-img-2 {
		height: 175px
	}

	.our-offering .full-stack-wrapper {
		width: 100%
	}
}

@media screen and (max-width:1440px) {
	#banner_section .banner_title {
		font-size: 6.4rem
	}

	#banner_section .banner_subtitle {
		font-size: 2rem;
		line-height: 4rem
	}

	#banner_section .card .card_title {
		font-size: 1.3rem;
		margin-bottom: .5rem
	}

	section.artical-area .reverse-column.noCTA .art-list .art-img-2 {
		height: 165px
	}
}

@media only screen and (max-width:1440px) {
	.big-ideas .project-details-wrap .left-col {
		padding: 4rem 5rem 1.7rem 6rem
	}

	.big-ideas .project-details-wrap .left-col::before {
		width: 8rem;
		right: -5rem
	}

	.big-ideas .project-details-wrap .right-col {
		padding: 4rem 6rem 4.1rem 5rem
	}

	.big-ideas .card-wrap .bg-img.top-bg-img {
		width: 25rem;
		top: -7.2rem;
		right: -1.3rem
	}

	.big-ideas .card-wrap.new-pitch .card {
		padding: 1.6rem 1.6rem
	}

	.big-ideas .card-wrap.new-pitch .new-pitch-cont-wrap {
		max-width: 25rem
	}
}

@media only screen and (max-width:1366px) {
	#ideasAchieve .column {
		margin: -5rem 0 0
	}

	#ideasAchieve .column .cards {
		padding: 2.4rem 2rem;
		margin: 0 1rem;
		width: 25%
	}

	#ideasAchieve .column .cards .counterTitle {
		font-size: 1.8rem
	}

	section.artical-area .reverse-column.noCTA .art-list .art-img-2 {
		height: 155px
	}

	.testimonialwrap .cardslider-cards {
		min-height: 450px
	}

	.testimonialwrap .cardslider-card .user .userinfo .username {
		font-size: 2rem;
		line-height: 2.8rem
	}

	.testimonialwrap .cardslider-card .user .userinfo .userpos {
		font-size: 1.6rem;
		line-height: 2.2rem
	}

	.testimonialwrap .sliderWrap {
		max-width: 100%
	}

	.ready-section .idea-container {
		padding: 4rem
	}

	.ready-section .idea-container .idea-p br {
		display: none
	}
}

@media screen and (max-width:1200px) {
	section.artical-area .reverse-column {
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}
}

@media only screen and (max-width:1200px) {
	.big-ideas .project-details-wrap .left-col {
		padding: 2rem 2rem .7rem 2rem
	}

	.big-ideas .project-details-wrap .left-col::before {
		height: 95%;
		width: 5rem;
		right: -3.4rem
	}

	.big-ideas .project-details-wrap .right-col {
		padding: 2rem 2rem 4.1rem 2rem
	}

	.big-ideas .project-details-wrap .title {
		font-size: 2.5rem;
		line-height: 3rem;
		margin-bottom: 2rem
	}

	.big-ideas .card-wrap .card {
		padding: 1.5rem;
		width: calc(50% - .6rem);
		margin-bottom: 1.2rem
	}

	.big-ideas .card-wrap .card:nth-child(odd) {
		margin-right: .6rem
	}

	.big-ideas .card-wrap .card:nth-child(even) {
		margin-left: .6rem
	}

	.big-ideas .card-wrap .top-cont-wrap .card-img {
		margin-right: 1.4rem
	}

	.big-ideas .card-wrap .top-cont-wrap .card-title {
		font-size: 1.6rem;
		line-height: 2rem
	}

	.big-ideas .card-wrap .bg-img.top-bg-img {
		width: 18rem;
		top: -5.2rem;
		right: -.5rem
	}

	.big-ideas .card-wrap .bg-img.bottom-bg-img {
		left: -1.5rem;
		bottom: 0
	}

	.big-ideas .card-wrap .bg-img.new-pitch-tr {
		width: 8rem
	}

	.big-ideas .card-wrap .bg-img.new-pitch-bl {
		left: 3rem;
		width: 13rem
	}

	.big-ideas .card-wrap.new-pitch .card {
		margin: 0 0 1.2rem 0
	}

	.big-ideas .card-wrap.new-pitch .new-pitch-cont-wrap {
		max-width: 22rem
	}
}

@media only screen and (max-width:1199px) {
	#banner_section .card {
		padding: 1.2rem
	}

	.awardSlider img {
		padding: 1.5rem
	}

	#our_services .servicesList .card {
		width: 49%
	}

	#ideasAchieve {
		padding-bottom: 0
	}

	#ideasAchieve .sec-wrap .secBg img {
		height: 45rem
	}

	#ideasAchieve .head {
		top: 8rem
	}

	#ideasAchieve .column {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: inherit;
		flex-direction: inherit;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-top: -7rem
	}

	#ideasAchieve .column .cards {
		margin: 1rem;
		width: 47.8%
	}

	section.artical-area {
		padding: 6rem 0
	}

	section.artical-area .col-sm-12 {
		max-width: 100%;
		-ms-flex: 100%;
		flex: 100%;
		width: 100%
	}

	section.artical-area .sec-title .section-heading {
		margin-bottom: 3rem;
		font-size: 2.8rem;
		line-height: 3.4rem
	}

	section.artical-area .art-wrap {
		display: -ms-flexbox;
		display: flex;
		gap: 25px;
		grid-gap: 25px
	}

	section.artical-area .art-list {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 100%;
		margin-bottom: 0
	}

	section.artical-area .art-list .art-img {
		padding-right: 0;
		width: 100%;
		margin-bottom: 1.8rem;
		height: auto;
		position: relative;
		overflow: hidden;
		height: 150px;
		text-align: center
	}

	section.artical-area .art-list .art-cont {
		width: 100%
	}

	section .artiwrap-right {
		display: none
	}

	section.excitedTo-work .excited-area span {
		right: 22rem
	}

	.our-offering .full-stack-wrapper .img-wrapper img {
		width: 90%
	}

	#team_section {
		padding: 5rem 0 8rem
	}

	#team_section .memberCard .swiper-wrapper {
		-ms-flex-pack: start;
		justify-content: flex-start
	}

	#team_section .memberCard .swiper-slide {
		width: 33.5%
	}

	#team_section .memberCard .card:hover .cardinfo {
		bottom: 0
	}

	#team_section .memberCard .card .cardinfo {
		padding-left: 2.1rem;
		bottom: -6.5rem
	}

	#team_section .memberCard .card .cardinfo .cardTitle {
		font-size: 2rem;
		line-height: 2.4rem;
		margin-bottom: .6rem
	}

	#team_section .memberCard .card .cardinfo .cardDisc {
		font-size: 1.4rem;
		line-height: 1.6rem
	}

	#team_section .memberCard .card .cardinfo .socialIcons {
		padding-top: 2.5rem
	}

	.testimonialwrap .cardslider-card {
		padding: 4rem 5rem 4rem
	}

	.testimonialwrap .cardslider-card .user .complogo img {
		max-width: 12rem
	}

	.testimonialwrap .cardslider-direction-nav {
		max-width: 90%
	}
}

@media only screen and (max-width:1024px) {
	#banner_section .banner_title {
		font-size: 3.8rem
	}

	#banner_section .banner_subtitle {
		font-size: 1.6rem;
		line-height: normal
	}

	#ideasAchieve .sec-wrap .secBg img {
		height: 45rem
	}
}

@media only screen and (max-width:991px) {
	#banner_section .row {
		-ms-flex-pack: center;
		justify-content: center
	}

	#banner_section .left_panel {
		width: 100%;
		padding: 2.4rem
	}

	#banner_section .left_panel .banner_bg_right {
		height: 30rem;
		width: 100vw;
		filter: drop-shadow(0 -13px 15px #000)
	}

	#banner_section .left_panel .banner_desc {
		width: 100%
	}

	#banner_section .left_panel .banner_desc br {
		display: none
	}

	#banner_section .right_panel {
		width: 100%;
		padding: 3.5rem 2.4rem 0 3rem
	}

	#banner_section .right_panel .banner-cards {
		max-width: 100%
	}

	#banner_section .right_panel .banner-cards .col-lg-6 {
		width: 50%
	}

	#banner_section .card.typ-1 {
		max-width: 50%
	}

	#banner_section .banner_title span {
		display: inline-block
	}

	#banner_section .card {
		padding: 1.6rem 1.2rem;
		-ms-flex-pack: start;
		justify-content: start;
		margin-bottom: 0;
		max-width: 50%
	}

	.awardSlider {
		padding: 6rem 0 2rem
	}

	#our_services .servicesList .card .cardinfo .cardTitle {
		width: 90%
	}

	#our_services .servicesList .card .arrowimg {
		bottom: 3rem;
		right: 1rem
	}

	#ideasAchieve .column .cards {
		width: 46%;
		background-color: #fff
	}

	section.artical-area .art-list .art-cont .art-title {
		min-height: 3.8rem
	}

	section.artical-area .art-list .art-cont .art-title {
		min-height: auto
	}

	section.excitedTo-work .excited-area span {
		right: 14rem
	}

	.our-offering .title-wrapper {
		margin-bottom: 1.5rem
	}

	.our-offering .title-wrapper .sec-head {
		font-size: 2.8rem;
		line-height: 3.6rem;
		margin-bottom: 1.5rem
	}

	.our-offering .title-wrapper .sec-subhead {
		font-size: 1.6rem;
		line-height: 2.4rem
	}

	.our-offering .full-stack-wrapper .we-Deliver .head,
	.our-offering .full-stack-wrapper .we-design .head,
	.our-offering .full-stack-wrapper .we-develop .head {
		font-size: 2.4rem
	}

	.our-offering .full-stack-wrapper .img-wrapper img {
		height: 350px
	}

	.latest-work .mac-delivery-1 {
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.latest-work .mac-delivery-1 .right-col {
		width: 55%
	}

	.latest-work .mac-delivery-1 .left-col .img-desc {
		font-size: 1.4rem;
		line-height: 2.4rem;
		margin-bottom: 0
	}

	.latest-work .mac-delivery {
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.latest-work .mac-delivery .right-col {
		width: 50%
	}

	.latest-work .btn-wrapper .btn_primary:after {
		background-color: #0b4e82;
		border: 1px solid #0b4e82
	}

	#team_section {
		padding: 3rem 0 6rem
	}

	#team_section .fundmembersHead .sec-subhead {
		margin-bottom: 2rem
	}

	#team_section .fundmembersHead {
		text-align: left
	}

	#team_section .memberCard .swiper-slide {
		padding: 0 .4rem
	}

	#team_section .memberCard .card .cardImg img {
		object-fit: cover
	}

	#team_section .memberCard .card .cardinfo {
		bottom: -5rem;
		padding-left: 2rem;
		padding-bottom: 2rem
	}

	#team_section .memberCard .card .cardinfo .socialIcons ul li span {
		font-size: 2rem
	}

	.testimonialwrap .cardslider {
		padding: 2rem
	}

	.testimonialwrap .cardslider-cards {
		width: 100%
	}

	.testimonialwrap .cardslider-card {
		padding: 4rem
	}

	.testimonialwrap .cardslider-card .text {
		font-size: 1.8rem;
		line-height: 3rem;
		margin-bottom: 1rem
	}

	.testimonialwrap .cardslider-card .user .userinfo {
		gap: 12px
	}

	.testimonialwrap .cardslider-card .user .userinfo .username {
		font-size: 1.6rem;
		line-height: 2rem
	}

	.testimonialwrap .cardslider-card .user .userinfo .userpos {
		font-size: 1.4rem;
		line-height: 2.2rem
	}

	.big-ideas {
		padding: 5.6rem 0 8rem 0
	}

	.ready-section .idea-container {
		border-radius: 2rem
	}

	.ready-section .idea-container .idea-h1 {
		font-size: 2.8rem;
		line-height: 3.4rem;
		text-align: center;
		margin-bottom: 2.2rem;
		padding: 0 2rem
	}

	.ready-section .idea-container .idea-p {
		width: 100%;
		text-align: center;
		font-size: 1.4rem;
		line-height: 2.4rem;
		margin: 0 auto 2.4rem;
		padding: 0 3.9rem;
		color: #2d2d2d
	}

	.ready-section .idea-container .ready-grid {
		-ms-flex-direction: column;
		flex-direction: column
	}

	.ready-section .idea-container .ready-grid .right-grid img {
		max-width: 350px;
		margin: 0 auto
	}

	.ready-section .idea-container .btn-wrap {
		-ms-flex-direction: column;
		flex-direction: column
	}

	.ready-section .idea-container .btn-wrap .idea-cta-card {
		margin-bottom: 2rem;
		margin-right: 0
	}

	.ready-section .idea-container .btn-wrap .cta-2 {
		width: 50%;
		height: auto;
		-ms-flex-pack: center;
		justify-content: center;
		padding: 1.8rem 2.5rem;
		margin: 0 auto 4rem
	}

	.ready-section .idea-container .btn-wrap .cta-2 p {
		margin-right: 2rem;
		font-size: 1.7rem;
		line-height: 2rem
	}

	.ready-section .idea-container .btn-wrap .blck-txt {
		display: inline
	}
}

@media only screen and (max-width:767px) {
	#our_services {
		padding: 6rem 0 3rem 0
	}

	#our_services .servicesHead .sec-subhead {
		font-size: 1.4rem;
		line-height: 2.2rem;
		margin-bottom: 2.4rem
	}

	#our_services .servicesList .card {
		padding: 2rem
	}

	#our_services .servicesList .card:nth-child(n+5) {
		display: none
	}

	#our_services .servicesList .card .cardinfo span {
		font-size: 4.8rem
	}

	#our_services .servicesList .card .cardinfo .cardTitle .block-txt {
		display: inline
	}

	#our_services .servicesList .card .cardinfo .cardTitle {
		font-size: 1.6rem;
		line-height: 2rem;
		padding-top: 1.6rem;
		width: 100%
	}

	#our_services .servicesList .card .arrowimg {
		bottom: 2rem;
		right: 1rem
	}

	#our_services .servicesList .card .arrowimg span {
		font-size: .9rem;
		padding: .7rem .8rem;
		width: 20px;
		height: 20px
	}

	#our_services .servicesList .card {
		width: 100%;
		margin-bottom: 1.6rem
	}

	#our_services .allservicesBtn {
		margin-top: 1rem;
		display: block
	}

	#our_services .allservicesBtn a {
		font-size: 1.4rem;
		line-height: 1.7rem;
		padding: .8rem 1.6rem
	}

	#ideasAchieve {
		padding: 3rem 0
	}

	#ideasAchieve .sec-wrap .secBg img {
		height: 34rem
	}

	#ideasAchieve .head .headDesc {
		font-size: 1.8rem;
		line-height: 2.6rem;
		max-width: 42rem;
		padding: 0 2.4rem
	}

	#ideasAchieve .column {
		-ms-flex-direction: column;
		flex-direction: column
	}

	#ideasAchieve .column .cards {
		width: 100%;
		margin: 1.4rem auto
	}

	#ideasAchieve .column .cards .counterTitle {
		line-height: 2.2rem;
		margin-top: .7rem
	}

	#ideasAchieve .column .cards .counterDesc {
		font-size: 1.4rem;
		line-height: 2.2rem;
		margin-top: 1.6rem
	}

	#ideasAchieve .btn_primary {
		padding: .95rem 2.4rem;
		font-size: 1.4rem;
		line-height: 1.8rem
	}

	section.artical-area {
		padding: 3rem 0
	}

	section.artical-area .art-wrap {
		gap: inherit;
		grid-gap: inherit;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	section.artical-area .art-list {
		margin-bottom: 2.4rem;
		padding: 2rem
	}

	section.artical-area .art-list .art-cont .art-para {
		font-size: 1.2rem;
		line-height: 1.8rem;
		margin: 1rem 0
	}

	section.excitedTo-work .excited-area span {
		right: 6rem
	}

	.our-offering {
		padding: 3rem 0
	}

	.our-offering .full-stack-wrapper {
		padding-bottom: 50px
	}

	.our-offering .full-stack-wrapper .we-Deliver .head,
	.our-offering .full-stack-wrapper .we-design .head,
	.our-offering .full-stack-wrapper .we-develop .head {
		font-size: 2rem;
		line-height: 3.6rem
	}

	.our-offering .full-stack-wrapper .img-wrapper img {
		height: 160px
	}

	.latest-work {
		margin: 4rem 0
	}

	.latest-work .sec-head {
		font-size: 3rem;
		line-height: 3.6rem;
		text-align: left;
		margin-bottom: 2rem
	}

	.latest-work .sec-subhead {
		margin: 2.4rem 0
	}

	.latest-work .mac-delivery-1 {
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		width: 100%;
		-ms-flex-pack: center;
		justify-content: center
	}

	.latest-work .mac-delivery-1 .right-col {
		width: 75%
	}

	.latest-work .mac-delivery-1 .left-col {
		width: 100%;
		margin-bottom: 2.1rem
	}

	.latest-work .mac-delivery {
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		width: 100%;
		margin: 2.8rem auto 0
	}

	.latest-work .mac-delivery .right-col {
		width: 75%
	}

	.latest-work .mac-delivery .left-col .img-desc {
		font-size: 1.4rem;
		line-height: 2.4rem;
		margin-bottom: 0
	}

	.latest-work .mac-delivery .left-col .img-desc-1 {
		font-size: 1.4rem;
		line-height: 2.4rem;
		margin-bottom: 0
	}

	.latest-work .mac-delivery .left-col {
		width: 100%;
		margin-bottom: 2.1rem
	}

	#team_section .memberCard .swiper-slide {
		padding: 0 .6rem;
		min-width: 245px
	}

	#team_section .memberCard .card:before {
		top: 55%
	}

	#team_section .memberCard .card .cardImg {
		width: 80%
	}

	#team_section .memberCard .card .cardinfo .cardTitle {
		font-size: 2rem;
		line-height: 3rem;
		margin-bottom: .6rem
	}

	#team_section .memberCard .card .cardinfo .cardDisc {
		font-size: 1.4rem;
		line-height: 1.7rem
	}

	.testimonialwrap {
		padding: 3rem 0 0 0
	}

	.testimonialwrap .sec-head {
		margin-bottom: .8rem;
		text-align: center;
		padding: 0 2rem
	}

	.testimonialwrap .cardslider-cards {
		margin-bottom: 7rem;
		min-height: 285px
	}

	.testimonialwrap .cardslider-card {
		padding: 3.5rem 1.5rem
	}

	.testimonialwrap .cardslider-card .text {
		font-size: 1.4rem;
		line-height: 1.8rem;
		text-align: center
	}

	.testimonialwrap .cardslider-card .user {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.testimonialwrap .cardslider-card .user .userinfo {
		-ms-flex-pack: center;
		justify-content: center;
		gap: 1.4rem
	}

	.testimonialwrap .cardslider-card .user .userinfo .userpos {
		font-size: 1.2rem;
		line-height: 1.5rem
	}

	.testimonialwrap .cardslider-card .user .complogo {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: end;
		justify-content: flex-end
	}

	.testimonialwrap .cardslider-card .user .complogo img {
		max-width: 8rem
	}

	.testimonialwrap .cardslider-direction-nav {
		gap: 1rem
	}

	.testimonialwrap .cardslider-direction-nav .cardslider-nav-next:before,
	.testimonialwrap .cardslider-direction-nav .cardslider-nav-prev:before {
		font-size: 1.7rem
	}

	.testimonialwrap .cardslider-direction-nav .cardslider-nav-next.disabled:before,
	.testimonialwrap .cardslider-direction-nav .cardslider-nav-prev.disabled:before {
		font-size: 1.2rem
	}

	.ready-section .idea-container .btn-wrap .cta-2 span {
		font-size: 1.1rem;
		bottom: 0
	}
}

@media only screen and (max-width:576px) {
	#banner_section .card .card_pic {
		width: 70%
	}

	.awardSlider {
		padding: 4rem 0 2rem
	}

	.awardSlider img {
		padding: .5rem
	}

	#ideasAchieve .column .cards .counters {
		font-size: 4rem;
		line-height: 6rem
	}

	#ideasAchieve .column .cards {
		width: 90%
	}

	#ideasAchieve .counter:nth-child(1) {
		font-size: 4rem;
		line-height: 6rem
	}

	section.excitedTo-work .excited-area .ex-title {
		font-size: 3.2rem;
		line-height: 3.9rem
	}

	.our-offering .title-wrapper .sec-subhead {
		font-size: 1.4rem;
		line-height: 2.2rem
	}

	.our-offering .full-stack-wrapper .we-Deliver .head,
	.our-offering .full-stack-wrapper .we-design .head,
	.our-offering .full-stack-wrapper .we-develop .head {
		font-size: 1.4rem
	}

	.latest-work .mac-delivery-1 .left-col .col-head {
		font-size: 1.6rem;
		line-height: 2.4rem;
		margin-bottom: 1.4rem
	}

	.latest-work .mac-delivery .left-col .col-head {
		font-size: 1.6rem;
		line-height: 2.4rem;
		margin-bottom: 1.4rem
	}

	#team_section .memberCard {
		max-width: 385px;
		margin: 0 auto
	}

	#team_section .memberCard .swiper-slide {
		height: 300px
	}

	#team_section .memberCard .card {
		height: 300px;
		max-width: 288px
	}

	.testimonialwrap .cardslider-cards {
		margin-bottom: 4.5rem;
		min-height: 38rem
	}

	.testimonialwrap .cardslider-card .user .userinfo .userDetail {
		margin-bottom: .8rem
	}

	.big-ideas .cont-wrap .short-title {
		font-size: 1.6rem;
		line-height: 2.8rem;
		margin-bottom: 1.6rem
	}

	.big-ideas .cont-wrap .section-title {
		font-size: 3.2rem;
		line-height: 3.9rem;
		margin-bottom: 2.4rem
	}

	.big-ideas .cont-wrap .short-desc {
		font-size: 1.6rem;
		line-height: 2.4rem;
		margin-bottom: 4rem
	}

	.big-ideas .project-details-wrap {
		-ms-flex-direction: column;
		flex-direction: column
	}

	.big-ideas .project-details-wrap .left-col::before {
		background: url(../images/capsule.html) repeat;
		background-repeat: space;
		left: 0;
		height: 7.8%;
		bottom: -50px;
		width: 90%;
		position: absolute;
		left: 15px;
		opacity: .9
	}

	.big-ideas .project-details-wrap .left-col {
		width: 100%;
		margin-bottom: 1.8rem;
		padding: 4rem 2rem 10rem
	}

	.big-ideas .project-details-wrap .right-col {
		width: 100%;
		margin-left: 0;
		padding: 6rem 2rem 9rem
	}

	.big-ideas .project-details-wrap .title {
		font-family: Mulish-Bold;
		font-size: 2.4rem;
		line-height: 3.4rem;
		text-align: center;
		margin-bottom: 4rem;
		text-align: left
	}

	.big-ideas .card-wrap {
		-ms-flex-direction: column;
		flex-direction: column
	}

	.big-ideas .card-wrap .card {
		width: 100%
	}

	.big-ideas .card-wrap .card:nth-child(even) {
		margin-left: 0
	}

	.big-ideas .card-wrap .bg-img.bottom-bg-img {
		bottom: -5rem
	}

	.ready-section .idea-container .ready-grid .right-grid img {
		max-width: 100%;
		margin: 0 auto
	}

	.ready-section .idea-container .btn-wrap .cta-2 {
		width: auto;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center
	}
}

@media only screen and (max-width:420px) {
	#banner_section .left_panel .banner_bg_right {
		height: 40rem
	}
}

@media screen and (max-width:385px) {
	#team_section .memberCard {
		max-width: 100%
	}
}

@keyframes fadein {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes bounceRight {

	0%,
	100%,
	20%,
	50%,
	80% {
		-ms-transform: translateX(0);
		transform: translateX(0)
	}

	40% {
		-ms-transform: translateX(-5px);
		transform: translateX(-5px)
	}

	60% {
		-ms-transform: translateX(-5px);
		transform: translateX(-5px)
	}
}

@keyframes bounceRight {

	0%,
	100%,
	20%,
	50%,
	80% {
		-ms-transform: translateX(0);
		transform: translateX(0)
	}

	40% {
		-ms-transform: translateX(-5px);
		transform: translateX(-5px)
	}

	60% {
		-ms-transform: translateX(-5px);
		transform: translateX(-5px)
	}
}