/*
Theme Name: Bokaap Design
Author: Aspiring MediaTech Pvt. Ltd.
Author URI: http://aspiringwebsolutions.com/
*/
/* Fonts Initialisation */
@font-face {
	font-family: 'Manrope';
	src: url('fonts/Manrope-Regular.eot');
	src: url('fonts/Manrope-Regular.woff2') format('woff2'),
		url('fonts/Manrope-Regular.woff') format('woff'),
		url('fonts/Manrope-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Manrope-Light';
	src: url('fonts/Manrope-Light.eot');
	src: url('fonts/Manrope-Light.woff2') format('woff2'),
		url('fonts/Manrope-Light.woff') format('woff'),
		url('fonts/Manrope-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Manrope-Bold';
	src: url('fonts/Manrope-Bold.eot');
	src: url('fonts/Manrope-Bold.woff2') format('woff2'),
		url('fonts/Manrope-Bold.woff') format('woff'),
		url('fonts/Manrope-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Manrope-Medium';
	src: url('fonts/Manrope-Medium.eot');
	src: url('fonts/Manrope-Medium.woff2') format('woff2'),
		url('fonts/Manrope-Medium.woff') format('woff'),
		url('fonts/Manrope-Medium.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Manrope-SemiBold';
	src: url('fonts/Manrope-SemiBold.eot');
	src: url('fonts/Manrope-SemiBold.woff2') format('woff2'),
		url('fonts/Manrope-SemiBold.woff') format('woff'),
		url('fonts/Manrope-SemiBold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

html {
	scroll-behavior: smooth;
}

/* Older Styles */
.testimony-wrapper p {
	display: inline !important;
}

.footer-copyright p {
	display: inline;
}

.homepage-banner-video {
	width: 100%;
	height: 100%;
}

.detailpage-testimony p {
	display: inline;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #1AAFE6 !important;
	background: #1AAFE6;
	color: #fff;
	font-synthesis: 16px;
	font-weight: bold;
	margin: 25px 0;
}

/* Common Classes */
.container {
	width: 1330px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0
}

.page-header {
	color: #283749;
	font-family: Manrope;
	font-weight:600;
	letter-spacing: -0.75px;
	border: none;
	padding: 0;
	margin: 140px 0 0 0;
	font-size:72px;
	line-height: 80px;
	font-weight: 600;
}

.page-header a {
	text-decoration: underline;
	color: #283749;
}

.section-heading {
	color: #283749;
	font-family: Manrope;
	font-size: 38px;
	font-weight: 600;
	letter-spacing: -0.3px;
	line-height: 52px;
}

.section-heading a {
	text-decoration: underline;
	color: #283749;
}

.section-para {
	color: #28323E;
	font-family: 'Manrope-Light';
	font-size: 16px;
	letter-spacing: 0;
	line-height: 24px;
}

.grey-button {
	border-radius: 25px;
	background-color: #283749;
	color: #fff;
}

.grey-button:hover {
	background-color: #008BD1;
	color: #fff;
	text-decoration: none;
}

.section-readmore {
	margin-top: 12px;
	color: #28323E;
	font-family: 'Manrope-Bold';
	font-size: 18px;
	letter-spacing: 0;
	line-height: 34px;
	background: url('images/right-chevron.svg') no-repeat;
	display: inline-block;
	padding-right: 23px;
	background-size: 11px;
	background-position: right 5px top 13px;
}

.underline-span {
	text-decoration: underline;
}

/*.main-container { margin-top: 250px; }*/
/* Website CSS Starts Here */
.header-wrapper {
	overflow: hidden;
	top: 0;
	height: auto;
}

.blue-ticker {
	background: #008BD1;
	padding: 10px 0 9px 0px;
	position: relative;
	display: none;
}

.blue-ticker p {
	color: #fff;
	font-family: 'Manrope-Light';
	font-size: 16px;
	line-height: 23px;
	text-align: center;
	margin-bottom: 0px;
}

.blue-ticker p a {
	text-decoration: underline;
	font-family: 'Manrope';
	color: #fff;
}

.blue-ticker p a:hover {
	text-decoration: none;
}

.close-button {
	background: url('images/close-button.png') no-repeat;
	position: absolute;
	display: block;
	width: 13px;
	height: 25px;
	right: 45px;
	top: 7px;
	background-position: center;
	background-size: 18px;
	cursor: pointer;
}

.site-header {
	background: transparent;
	overflow: hidden;
	width: 1330px;
	margin: 0 auto;
	max-width: 1260px
}

.logo {
	float: left;
	width: 170px;
	height: 35px;
	padding-top: 18px;
}

.logo img {
	width: 100%;
	height: auto;
}

.nav-wrapper {
	float: right;
}

.navbar,
.navbar-inverse {
	border-radius: 0;
	border: none;
	margin-bottom: 0;
	min-height: 68px;
	background: transparent;
}

.nav li {
	display: inline;
	color: white;
}

.navbar-inverse .navbar-nav>li>a {
	color: #323231;
	font-family: 'Manrope-Medium';
	font-size: 16px;
	padding: 24px 15px 9px;
	background: #fff;
}

.navbar-inverse .navbar-nav>li>a.active {
	font-family: 'Manrope-Bold';
}

.navbar-inverse .navbar-nav li a:hover {
	transition: 0.7s all linear;
	color: #008BD1;
}

.homepage-header {
	/* width: 85%; */
	margin-top: 140px;
	/* margin-left:auto; */
	margin-right: auto;	
	font-family: 'Manrope-Bold';
	font-weight: normal;
	font-size: 5.6rem;
	line-height: 7.2rem;
}

.banner {
	margin-top: 40px;
}

.banner-home {
	margin: 40px auto 0 auto;
}

.below-banner-container {
	margin-top: 40px;
}

.below-banner-heading {
	width: 89%;
}

.collapsed .uparrow {
	display: none;
}

.downarrow {
	display: none;
}

.accordion {
	margin-left: 30px;
}

.accordion h2 {
	margin-bottom: 16px;
	color: #283749;
	font-family: Manrope;
font-weight: 600;
	font-size: 24px;
	letter-spacing: -0.19px;
	line-height: 36px;
	margin-top: 10px;
}

.accordion .card-body {
	color: #28323E;
	font-family: 'Manrope-Light';
	font-size: 18px;
	letter-spacing: 0;
	line-height: 34px;
	margin-bottom: 30px;
}

.grey-overflow-text {
	margin: 60px 0;
	overflow: hidden;
}

.grey-overflow-text p {
	color: #E4E6EA;
	font-family: Manrope;
font-weight: 600;
	font-size: 120px;
	letter-spacing: -1.2px;
	line-height: 158px;
	white-space: nowrap;
}

.video-wrapper {}

.project-showcase-wrapper {
	width: 91%;
	margin: 0 auto;
}

.project-showcase-wrapper .img-parent {
	width: 600px;
	height: 533px;
	overflow: hidden;
	margin-bottom: 30px;
}

.zoomin img {
	height: 600px;
	width: 617px;
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-ms-transition: all 2s ease;
	transition: all 2s ease;
}

.zoomin img:hover {
	width: 650px;
	height: 650px;
}

.project-showcase-wrapper h4 a {
	color: #283749;
	font-family: Manrope;
font-weight: 600;
	font-size: 20px;
	letter-spacing: -0.025rem;
	line-height: 2rem;
	margin-bottom: 10px;
}

.project-showcase-wrapper h4 a:hover {
	text-decoration: underline;
}

.project-showcase-wrapper p a {
	color: #28323E;
	font-family: 'Manrope-Light';
	font-size: 14px;
	letter-spacing: 0;
	line-height: 21px;
}

.project-showcase-wrapper p a:hover {
	text-decoration: underline;
}

.project-showcase-wrapper p {
	font-size: 14px;
	line-height: 20px;
	color: #666e76;
}

.even-project {
	margin-top: 80px;
}

.seeall-button {
	width: 140px;
	height: 50px;
	padding: 15px;
	text-align: center;
	display: block;
	margin: 0 auto
}

.homepage-seeall {
	margin-top: 40px;
}

.client-showcase {
	margin-top: 80px;
	overflow: hidden;
}

.client-logo-wrapper {
	background: #008BD1;
	overflow: hidden;
	padding: 140px 0;
}

/*.client-logo-wrapper ul { list-style-type: none; width: 775px; height: 545px; float: right; overflow: hidden; }
.client-logo-wrapper ul li { width: 32%; float: left; min-height: 80px; }
*/
.video-wrapper iframe {
	width: 100%;
	height: 768px;
}

.client-showcase-left {
	width: 55%;
	float: left;
}

.client-showcase-right {
	width: 45%;
	float: right;
}

.client-showcase .col-lg-7,
.client-showcase .col-lg-5 {
	padding: 0;
}

.client-logo-wrapper .row {
	display: flex;
	flex-wrap: wrap;
	width: 85%;
	margin-right: 60px;
	float: right;
}

.client-logo-wrapper .col-lg-4 {
	display: flex;
	align-items: center;
	height: 140px;
}

.client-testimonial-wrapper {
	background: #F0F2F6;
	padding: 82px 95px;
	margin-top: 80px;
}

.testimonial-heading {
	color: #283749;
	font-family: Manrope;
font-weight: 600;
	font-size: 32px;
	letter-spacing: -0.3px;
	line-height: 45px;
	margin-bottom: 50px;
}

.testimonial-text {
	color: #28323E;
	font-family: 'Manrope';
	font-size: 21px;
	letter-spacing: 0;
	line-height: 36px;
	margin-bottom: 20px;
}

.person-name {
	color: #28323E;
	font-family: 'Manrope-Bold';
	font-size: 21px;
	letter-spacing: 0;
	line-height: 27px;
}

.slider-arrows {
	margin-top: 40px;
}

.footer {
	padding-top: 120px;
	border-top: 1px solid #e9e9e9;
}

.footer h4 {
	color: #283749;
	font-family: 'Manrope';
	font-weight: normal;
	font-size: 48px;
	letter-spacing: -0.752px;
	line-height: 72px;
	text-align: center;
	margin-bottom: 30px;
}

.footer-bottom {
	margin-top: 210px;
	overflow: hidden;
	border-top: 1px solid #e9e9e9;
	padding-top: 10px;
}

.footer-bottom-wrapper {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	max-width: 1060px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footer-bottom-left {
	float: left;
	width: 45%;
}

.footer-bottom-left ul {
	overflow: hidden;
	padding: 0;
	margin: 0;
}

.footer-bottom-left ul li::marker {
	font-size: 10px;
	color: #878787;
}

.footer-bottom-left ul li {
	float: left;
	color: #28323E;
	/* font-family: 'Manrope-Light'; */
	font-size: 14px;
	letter-spacing: 0;
	line-height: 18px;
	list-style-type: disc;
	list-style-position: inside;
	padding-right: 10px;
}

.footer-bottom-left ul li:first-child {
	list-style-type: none;
}

.footer-bottom-left ul li a {
	color: #28323E;
}

.footer-bottom-left ul li a:hover {
	text-decoration: underline;
}

.footer-bottom-right {
	/* float: right; */
	/* width: 17%; */
}

.footer-bottom-right ul {
	overflow: hidden;
}

.footer-bottom-right li {
	display: inline-block;
	position: relative;
	list-style-type: none;
	float: left;
	margin-right: 24px;
}

.footer-bottom-right li:after {
	content: '';
	position: absolute;
	width: 4px;
	height: 4px;
	background: #878786;
	border-radius: 8px;
	right: -15px;
	top: 50%;
	transform: translateY(-50%);
}

.footer-bottom-right li:last-child:after {
	content: none;
}

.footer-bottom-right li a {
	display: block;
}

.responsive-social-icons {
	display: none;
}

/* Contact Page CSS Starts Here */
.contact-page {
	margin-top: 170px;
}

.contact-page h3 {
	color: #283749;
	font-family: Manrope;
font-weight: 600;
	font-size: 32px;
	letter-spacing: -0.91px;
	line-height: 45px;
	margin: 0
}

.contact-page h3.hello {
	text-align: center;
}

.contact-info {
	border-top: 1px solid #C6CAD2;
	margin-top: 80px;
	padding-top: 80px;
	margin-bottom: 120px;
}

.contact-info h5 {
	color: #283749;
	font-family: Manrope;
font-weight: 600;
	font-size: 28px;
	letter-spacing: -0.61px;
	line-height: 44px;
	margin-bottom: 20px;
}

.contact-info p {
	color: #28323E;
	font-family: 'Manrope-Light';
	font-size: 18px;
	letter-spacing: 0;
	line-height: 34px;
}

/* Our Story Page CSS Starts Here */
.ourstory-page {
	overflow: hidden;
}

.story-overlapping-images {
	overflow: hidden;
	position: relative;
	padding-top: 49%;
	margin-top: 80px;
}

.story-banner1 {
	width: 55%;
	position: absolute;
	left: 0;
	bottom: 0;
}

.story-banner1 img {
	width: 100%;
	height: auto;
}

.story-banner2 {
	width: 55%;
	position: absolute;
	right: 0;
	top: 0;
}

.story-banner2 img {
	width: 100%;
	height: auto;
}

.story-below-banner-text {
	margin-top: 60px;
	overflow: hidden;
}

.story-below-banner-text h4 {
	color: #283749;
	font-family: 'Manrope';
	font-size: 28px;
	font-weight: bold;
	letter-spacing: -0.2px;
	line-height: 36px;
	width: 80%;
	float: right;
}

.work-tags-wrapper {
	background-color: #F0F2F6;
	padding: 60px 0;
}

.work-tags-wrapper .row {
	margin: 0;
}

.work-tags-wrapper h5 {
	color: #283749;
	font-family: Manrope;
font-weight: 600;
	font-size: 32px;
	letter-spacing: -0.7px;
	line-height: 56px;
	margin-bottom: 40px;
}

.work-tags-wrapper ul {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 0;
}

.work-tags-wrapper li {
	color: #28323E;
	font-family: 'Manrope-Light';
	font-size: 18px;
	letter-spacing: 0;
	line-height: 34px;
	margin-bottom: 18px;
	display: block;
}

.work-tags-wrapper li:last-child a {
	margin-bottom: 0;
}

.contact-page-cta {
	border: 1px solid #CFD2D8;
	border-radius: 16px;
	margin-top: 80px;
	padding: 30px 0;
	text-align: center;
	width: 98%;
}

.contact-page-cta p {
	color: #28323E;
	font-family: 'Manrope';
	font-size: 21px;
	letter-spacing: 0;
	line-height: 34px;
}

.contact-page-cta p a {
	text-decoration: underline;
	color: #28323E;
}

.contact-page-cta p a:hover {
	text-decoration: none;
}

.skill-section-wrapper {
	overflow: hidden;
}

.skills-section-content {
	background: #008BD1;
	padding: 120px;
}

.skills-section-content h5 {
	color: #FFFFFF;
	font-family: Manrope;
font-weight: 600;
	font-size: 32px;
	letter-spacing: -0.91px;
	line-height: 50px;
	margin: 0 0 40px 0;
}

.skill-block {
	margin-bottom: 60px;
	min-height: 200px;
	width: 41%;
	margin-right: 9%;
}

.skill-block h6 {
	color: #FFFFFF;
	font-family: Manrope;
font-weight: 600;
	font-size: 24px;
	letter-spacing: -0.19px;
	line-height: 36px;
	margin: 0 0 16px 0;
}

.skill-block p {
	color: #E6F3FA;
	font-family: 'Manrope-Light';
	font-size: 16px;
	letter-spacing: 0;
	line-height: 26px;
}

.no-margin-bottom {
	margin-bottom: 0 !important;
}

.skill-img {
	background: url('images/ourstoryimg.jpg') no-repeat;
	position: relative;
	text-indent: -9999px;
	height: 812px;
	background-size: cover !important;
	padding: 0;
}

.skill-content {
	padding: 0;
}

.founder-image {
	background: #F0F2F6;
	position: relative;
	height: 855px;
}

.founder-image img {
	position: absolute;
	top: 0;
	right: -318px;
}

.founder-content {
	margin: 170px 0 0 370px;
	width: 515px;
}

.founder-content h5 {
	margin-bottom: 16px;
}

.founder-content p {
	color: #28323E;
	font-family: 'Manrope';
	font-size: 18px;
	letter-spacing: 0;
	line-height: 34px;
}

.work-tags-wrapper .allup-d {
	background: #F0F2F6;
}

/* Careers Page CSS Starts Here */
.why-bokaap {
	padding: 96px 0;
}

.careers-heading {
	width: 90%;
	margin-bottom: 16px;
}

.careers-small-heading {
	color: #283749;
	font-family: Manrope;
font-weight: 600;
	font-size: 24px;	
	letter-spacing: -0.61px;
	line-height: 32px;
	margin: 32px 0 16px 0;
}

.careers-section-para p {
	color: #525252;
	/* font-family: 'Manrope-Light'; */
	font-size: 16px;
	line-height: 24px;
	margin-top: 16px;
}

.careers-section-para p:first-child {
	margin-top: 0;
}

.current-opportunities {
	background: #F0F2F6;
	padding: 60px 0;
}

.current-opportunities .allup-d {
	background: #F0F2F6;
}

.job-title {
	color: #283749;
	font-family: Manrope;
font-weight: 600;
	font-size: 42px;
	letter-spacing: -0.91px;
	line-height: 56px;
	margin-bottom: 40px;
}

.job-profile-heading {
	color: #283749;
	font-family: Manrope;
	font-weight: 600;
	font-size: 24px;	
	line-height: 32px;
	padding-bottom: 8px;
	margin: 0;
}

.job-intro-text {
	padding-top: 16px;
}

.job-profile-text {
	padding-bottom: 16px;
}

.job-profile-text ul {
	padding: 0;
}

.job-profile-text li {
	list-style-type: none;
}

.job-profile-text a {
	font-weight: bold;
	color: #283749;
}

.job-profile-text a:hover {
	text-decoration: underline;
}

.media-content-wrapper {
	margin-top: 40px;
}

.media-block p,
.media-block p a {
	color: #283749;
	font-family: 'Manrope-Medium';
	font-size: 28px;
	letter-spacing: -0.61px;
	line-height: 44px;
}

.date-text {
	color: #283749;
	font-family: 'Manrope-Bold';
	font-size: 32px;
	letter-spacing: -0.7px;
	line-height: 32px;
	margin-bottom: 0;
}

.year-text {
	color: #ADADAD;
	font-family: 'Manrope';
	font-size: 18px;
	letter-spacing: 0;
	line-height: 32px;
	text-transform: uppercase;
}

.media-subdiv-d1 {
	width: 73% !important;
}

.testimonial-wrapper {
	width: 460px;
	overflow: hidden;
}

.testimonial-text p {
	display: inline-block;
}

.workpage-wrapper {
	overflow: hidden;
}

.work-block-wrapper {
	width: 45%;
	margin-right: 60px;
	margin-left: 0;
	height: auto !important;
	margin-bottom: 0
}

.work-block-wrapper:nth-child(2n) {
	margin-right: 0;
	margin-left: 60px;
	margin-top: 80px;
}

.work-block-wrapper .hover-effect {
	height: 620px;
}

.work-block-wrapper .project-title {
	font-size: 24px;
	font-family: Manrope;
	font-weight: 600;
	color: #283749;
	line-height: 32px;	
}

.work-block-wrapper .project-subtitle {
	color: #28323E;
	font-family: 'Manrope';
	font-size: 14px;
	letter-spacing: 0;
	line-height: 21px;
}

.work-detailpage-wrapper .page-subtitle {
	color: #283749;
	font-family: 'Manrope-Medium';
	font-size: 28px;
	letter-spacing: -0.2px;
	line-height: 36px;
	margin: 12px 0 40px 0;
	width: 80%;
}

.work-detailpage-content {
	margin-bottom: 80px;
}

.head-text-2 {
	letter-spacing: -0.3px;
	font-weight: 700;
	font-family: Manrope !important;
	font-weight:600;
}

/* Owl Carousel Overrides */
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
	display: block;
}

.owl-nav {
	display: block;
}

.owl-dots {
	display: none;
}

.owl-prev {
	background: url('images/slider-leftarrow.png') no-repeat !important;
	width: 44px !important;
	height: 44px !important;
	text-indent: -9999px;
}

.owl-next {
	background: url('images/slider-rightarrow.png') no-repeat !important;
	width: 44px !important;
	height: 44px !important;
	text-indent: -9999px;
}

#return-to-top img {
	height: 86px;
}

#return-to-top {
	width: 80px;
}

.downarrow,
.uparrow {
	display: none;
}

h2[aria-expanded="false"] .downarrow {
	display: block;
}

h2[aria-expanded="true"] .uparrow {
	display: block;
}

.collapse {
	overflow: hidden;
}

.talks_button a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: auto;
	height: 46px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border-style: solid;
	border-width: 2px;
	border-color: #283749;
	/* border-radius: 25px; */
	text-decoration: none;
	text-align: center;
	display: inline-block;
	padding: 0 24px;
}

.talks_button a:first-child {
	margin-right: 16px;
}

.talks_button a:hover,
.talks_button a:focus,
.talks_button a:active {
	text-decoration: none;
}

.talks_button a.ghost_button_footer:hover {
	text-decoration: none;
	background: #27a5e7;
	border-color: #27a5e7;
}

.talks_button a.whatsapp-button:hover {
	background: #27a5e7;
	border-color: #27a5e7;
}

.talks_button .text-block {
	border: 1px none transparent;
	font-family: 'Manrope';
	font-weight: normal;
	color: #283749;
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	text-decoration: none;
	padding-top: 12px;
	text-transform: uppercase;
}

.whatsapp-button {
	background-color: #283749;
}

.talks_button {
	text-align: center;
	margin-top: 30px;
}

.talks_button a.whatsapp-button:hover .text-block {
	color: #fff;
}

.talks_button a.whatsapp-button .text-block {
	color: #fff;
}

.talks_button a.whatsapp-button:hover .text-block svg path {
	fill: #fff;
}

.talks_button a.ghost_button_footer:hover .text-block {
	color: #fff;
}

.talks_button a.ghost_button_footer:hover .text-block svg path {
	fill: #fff;
}

.talks_button svg {
	margin-right: 14px;
	display: inline-block;
	vertical-align: middle;
	width: 23px;
	height: 23px;
}

.banner-animation {
	overflow: hidden;
}

.position-relative {
	position: relative;
}

.tabs-main-parent .work-block-wrapper:nth-child(2n+1) {
	margin-left: 15px;
	margin-right: 0;
}

.tabs-main-parent .work-block-wrapper:nth-child(2n+2) {
	margin-left: 45px;
	margin-bottom: 0px;
}

.overflow-hidden {
	overflow: hidden !important;
}

.current-opportunities-heading {
	width: 50%;
	margin-bottom: 30px;
}

.img-hover-animation {
	-webkit-transition: -webkit-transform .3s ease-in !important;
	transition: -webkit-transform .3s ease-in !important;
	transition: transform .3s ease-in !important;
	transition: transform .3s ease-in, -webkit-transform .3s ease-in !important;
	-webkit-transform: scale(1) !important;
	transform: scale(1) !important;
	overflow: hidden;
}

.img-hover-animation img {
	-webkit-transition: -webkit-transform .3s ease-in !important;
	transition: -webkit-transform .3s ease-in !important;
	transition: transform .3s ease-in !important;
	transition: transform .3s ease-in, -webkit-transform .3s ease-in !important;
	-webkit-transform: scale(1) !important;
	transform: scale(1) !important;
}

.img-animation-parent:hover .img-hover-animation {
	-webkit-transform: scale(.97) !important;
	transform: scale(.97) !important;
}

.img-animation-parent:hover .img-hover-animation img {
	-webkit-transform: scale(1.1) !important;
	transform: scale(1.1) !important;
}

.work-block-wrapper .project-subtitle {
	font-size: 13px;
	line-height: 19px;
	color: #666e76;
}

/*, .product-showcase .container .row:first-child .home-product-img-d*/
.Work-divs-m-d {
	height: 533px !important;
	width: 518px;
}

.work-tabs-d li a {
	font-size: 19.5px !important;
	text-transform: capitalize !important;
}

.work-tabs-d li.active {
	border-bottom: 1px solid #008BD1;
}

.work-tabs-d {
	padding: 25px 0 0 0;
}

.work-tabs-d li a sup {
	font-size: 16px;
	background-color: #F0F2F6;
	color: #283749;
	border-radius: 6.6px;
	font-size: 11px !important;
	padding: 2px 5px;
	margin-left: 3px;
	position: relative;
	top: -3px;
	font-weight: bold;
}

.work-tabs-d li a.active sup {
	color: #fff;
	background-color: #008BD1;
}

.work-tabs-d li a {
	color: #666E76;
}

.work-tabs-d li.active {
	border-color: transparent;
}

.work-tabs-d li.active {
	color: #283749 !important;
}

.work-tabs-d li:last-child {
	margin-right: 0;
}

.product-showcase .row .col-lg-6:nth-child(2n+2) .project-showcase-wrapper {
	margin-right: 0px;
}

.nav-open-main {
	overflow: hidden;
	height: 100vh;
	background-color: #ffff;
	position: relative;
	z-index: 1;
}

.nav-open-body {
	height: 100%;
	overflow: hidden;
}

/*@-webkit-keyframes animation_1cstwbh {
   0% {
      -webkit-transform: translate(0);
      transform: translate(0);
   }
   100% {
      -webkit-transform: translate(-100%);
      transform: translate(-100%);
   }
}
@-moz-keyframes animation_1cstwbh {
   0% {
      -webkit-transform: translate(0);
      transform: translate(0);
   }
   100% {
      -webkit-transform: translate(-100%);
      transform: translate(-100%);
   }
}
@-o-keyframes animation_1cstwbh {
   0% {
      -webkit-transform: translate(0);
      transform: translate(0);
   }
   100% {
      -webkit-transform: translate(-100%);
      transform: translate(-100%);
   }
}
@keyframes animation_1cstwbh {
   0% {
      -webkit-transform: translate(0);
      transform: translate(0);
   }
   100% {
      -webkit-transform: translate(-100%);
      transform: translate(-100%);
   }
}
*/
/*.grey-overflow-text p{
	-webkit-animation: animation_1cstwbh 16s infinite linear;
   animation: animation_1cstwbh 16s infinite linear;
}*/
.Homepage-collapde-style h2 img {
	height: 16px;
}

.Homepage-collapde-style .btn-link {
	padding-left: 4px;
}

.footer-bottom-right li a img {
	height: 30px;
}

.text-animation-fadeup {
	opacity: 0;
	transform: translateY(50px);
}

.text-animation-view {
	transition-delay: 180ms;
	transition-duration: 1s;
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	opacity: 1;
	transform: translateY(0);
	transition-property: opacity, transform;
}

.Homepage-collapde-style h2 {
	transition: 0.67s color;
}

.Homepage-collapde-style h2:hover {
	color: #27A5E7;
	cursor: pointer;
}

/*.Homepage-collapde-style .card-body{
	transition: line-height 0.1s ease;
	line-height: 20px;
}*/
/*.Homepage-collapde-style .in .card-body{
	line-height: 34px;
}
.Homepage-collapde-style .collapseshow{
	opacity: 0;
	transition: opacity 0.1s ease;
}*/
/*.Homepage-collapde-style .in{
	opacity: 1;	
}*/
.social-media-icons {
	margin: 0;
}

.social-media-icons li a img {
	height: 16px;
}

.up-color-arrow,
.down-color-arrow {
	display: none;
}

h2[aria-expanded="true"]:hover .uparrow {
	display: none;
}

h2[aria-expanded="true"]:hover .up-color-arrow,
h2[aria-expanded="false"]:hover .down-color-arrow,
.careers-arc-main.active:hover .down-color-arrow {
	display: block;
}

h2[aria-expanded="false"]:hover .downarrow,
.collapseshow .downarrow,
.careers-arc-main.active:hover .arrow-carrers-black,
.careers-arc-main:not(.active):hover .arrow-carrers-black {
	display: none;
}

.careers-arc-main:not(.active):hover .down-color-arrow {
	display: block;
}

.careers-arc-main .careers-arc-b:hover p {
	color: #27A5E7;
}

.careers-arc-b .up-color-arrow,
.careers-arc-b .down-color-arrow {
	height: 20px;
}

.banner-animation {
	transform: translate(0%, -17.5%) matrix(1, 0, 0, 1, 0, 0);
	transition: transform 2s;
	overflow: hidden;
}

.banner-animation img {
	transform: matrix(1.3, 0, 0, 1.3, 0, 0);
	transition: transform 2s;
}

.image-load-anima img {
	transform: matrix(1, 0, 0, 1, 0, 0);
}

.image-load-anima {
	transform: matrix(1, 0, 0, 1, 0, 0);
}

.text-animation {
	visibility: hidden;
	opacity: 0;
	-webkit-transform: translateY(2rem);
	transform: translateY(2rem);
	-webkit-transition-property: none;
	transition-property: none;
}

.text-animation-p p {
	visibility: hidden;
	opacity: 0;
	-webkit-transform: translateY(2rem);
	transform: translateY(2rem);
	-webkit-transition-property: none;
	transition-property: none;
}

.text-animation-visible {
	visibility: visible !important;
	opacity: 1 !important;
	-webkit-transform: translateY(0) !important;
	transform: translateY(0) !important;
	-webkit-transition: opacity .83s cubic-bezier(.17, .17, .05, 1), -webkit-transform .83s cubic-bezier(.17, .17, .05, 1) !important;
	transition: opacity .83s cubic-bezier(.17, .17, .05, 1), -webkit-transform .83s cubic-bezier(.17, .17, .05, 1) !important;
	transition: opacity .83s cubic-bezier(.17, .17, .05, 1), transform .83s cubic-bezier(.17, .17, .05, 1) !important;
	transition: opacity .83s cubic-bezier(.17, .17, .05, 1), transform .83s cubic-bezier(.17, .17, .05, 1), -webkit-transform .83s cubic-bezier(.17, .17, .05, 1) !important;
}

.accord-b {
	height: 20px !important;
}

.nirali-back-grey {
	width: 40%;
	height: 850px;
	position: absolute;
	/* background: #F0F2F6; */
}

.director-circle {
	display: none !important;
}

/* .directorimg-comd {
	height: 100vh;
	overflow: scroll;
} */
.director-text2 {
	/* padding-left: 70px; */
	padding-right: 20px;
}

.directorimg-d {
	margin-top: 70px;
}

.drector-name {
	font-family: Manrope;
	font-weight:600
}

p.drector-title {
	font-family: 'Manrope';
	font-weight:600;
	font-size: 24px !important;
	line-height:32px;
	color: #283749;
}

.director-text1 {
	font-family: 'Manrope';
	font-size: 24px !important;
	font-weight: 400;
}

.darkborder-director+.director-text1 {
	font-family: 'Manrope';
	font-size: 20px !important;
	line-height: 30px !important;
	color:#525252;
}

.director-text1 {
	font-family: 'Manrope';
	margin-top: 28px !important;
	margin-bottom: 16px !important;
}

.director-text2 p {
	font-family: 'Manrope';
}

.close-nirali-button {
	float: right;
	margin-top: 20px;
}

.section-readmore:hover {
	color: #27A5E7;
	background: url(images/right-chevron2.svg);
	background-size: 11px;
	background-position: right 5px top 13px;
	background-repeat: no-repeat;
}

.project-showcase-wrapper a:hover {
	text-decoration: unset !important;
}

.section-heading {
	font-size: 24px;
	line-height: 32px;
}

.section-heading.fs-36 {
	font-size: 36px;
	line-height: 44px;
}

.drector-name {
	font-size: 72px !important;
	line-height: 80px !important;
	margin-bottom: 8px !important;
	color:#283749;
}

.drector-title {
	margin-bottom: 28px !important;
}

.text-animation-p {
	opacity: 1;
}

.accordion .colaps-button {
	margin-bottom: 16px;
	color: #283749;
	font-family: Manrope;
font-weight: 600;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: -0.19px;
	line-height: 32px;
	margin-top: 10px;
	background: transparent;
	border: none;
	padding: 0;
}

.accordion p {
	color: #525252;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 24px;
	margin-bottom: 30px;
}

.accordion .panel {
	box-shadow: unset;
	border: unset;
	margin-bottom: 0px;
}

.accordion .colaps-button:focus {
	border: none;
	outline: none;
}

.accordion .colaps-button:hover {
	color: #27A5E7;
	cursor: pointer;
}

#myAccordion button {
	position: relative;
	margin: 0;
	padding: 16px 32px 16px 0;
	/* background-image:url('data:image/svg+xml,<svg width="21" height="13" viewBox="0 0 21 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 0.722656L10.5 10.6443L1 0.722655" stroke="%231E2933" stroke-width="2"/></svg>'); */
	background-repeat: no-repeat;
	background-position: right 30px top 9px;
	text-align: left;
	border-top: 1px solid #D3D3D3;
}
#myAccordion .panel:first-child button {
    border-top: 0px none;
	padding-top:0;
}

.hs2-accordion .panel:last-child button {
    border-bottom: 0px none !important;
}

#myAccordion button:after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 21px;
	height: 13px;
	background-image: url('data:image/svg+xml,<svg width="21" height="13" viewBox="0 0 21 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 0.722656L10.5 10.6443L1 0.722655" stroke="%231E2933" stroke-width="2"/></svg>');
}

#myAccordion button:hover:after {
	background-image: url('data:image/svg+xml,<svg width="21" height="13" viewBox="0 0 21 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 0.722656L10.5 10.6443L1 0.722655" stroke="%2327a5e7" stroke-width="2"/></svg>');
}

#myAccordion button[aria-expanded="true"]:after {
	background-image: url('data:image/svg+xml,<svg width="21" height="13" viewBox="0 0 21 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 0.722656L10.5 10.6443L1 0.722655" stroke="%2327a5e7" stroke-width="2"/></svg>');
	transform: translateY(-50%) rotate(180deg);
}
#myAccordion button[aria-expanded="false"] {
	color: #283749;
}
#myAccordion button[aria-expanded="false"]:after{
	background-image: url('data:image/svg+xml,<svg width="21" height="13" viewBox="0 0 21 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 0.722656L10.5 10.6443L1 0.722655" stroke="%231E2933" stroke-width="2"/></svg>');
}
.accordion-text-block {
	padding: 16px 0;
	border-top: 1px solid #D3D3D3;
}

.hs2-accordion .panel:last-child button {
	border-bottom: 1px solid #D3D3D3;
}

.hs2-accordion .panel:last-child .accordion-text-block {
	border-top: 0px none;
}

#myAccordion button:hover {
	/* background-image:url('data:image/svg+xml,<svg width="21" height="13" viewBox="0 0 21 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 0.722656L10.5 10.6443L1 0.722655" stroke="%2327a5e7" stroke-width="2"/></svg>'); */
}

#myAccordion button[aria-expanded="true"] {
	/* background-image: url('images/up-chevron.svg'); */
	/* 	background-image:url('data:image/svg+xml,<svg width="21" height="13" viewBox="0 0 21 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 0.722656L10.5 10.6443L1 0.722655" stroke="%2327a5e7" stroke-width="2"/></svg>'); */
	color: #27a5e7;
	/* transform: rotate(180deg); */
}

#myAccordion button[aria-expanded="true"]:hover {
	/* background-image: url('images/up-chevron-color.svg'); */
	/* background-image:url('data:image/svg+xml,<svg width="21" height="13" viewBox="0 0 21 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 0.722656L10.5 10.6443L1 0.722655" stroke="%2327a5e7" stroke-width="2"/></svg>'); */
}

.job-profile-text ul {
	padding-left: 20px;
}

.job-profile-text li {
	list-style-type: disc;
	list-style: disc;
}

.banner .video-a {
	display: block;
	position: relative;
	z-index: 999999;
	width: 100%;
	height: 100%;
}

.banner .video-a::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-box-body {
	height: 100vh;
	overflow: hidden;
}

.video-box-body .main {
	display: none;
}

.video-box-body .parallex-d-footer {
	opacity: 0;
}

.homepage-video-window {
	position: fixed;
	z-index: 11111111111111;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	display: none;
}

.homepage-video-window .video-wrapper {
	text-align: center;
}

.homepage-video-window .video-wrapper iframe {
	width: 90%;
	height: 658px;
	margin: 0 auto;
}

.video-close-a {
	float: right;
	position: relative;
	right: 28px;
	top: 12px;
}

.video-close-a img {
	height: 20px;
}

.homepage-video-window-show {
	display: block;
}

.video-box-body .main-wrapper {
	opacity: 0;
}

.grey-overflow-text {
	text-align: center;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.grey-overflow-text {
	font-size: 72px;
}

.video-lightbox-open video {
	width: 100%;
}

.work-tags-wrapper {
	margin-top: 60px;
}

.play-icon-video {
	position: absolute;
	right: 0;
	left: 46%;
	top: 43%;
}

.view-M .project-subtitle {
	display: none;
}

.work-tags-wrapper h5 {
	line-height: 38px !important;
}

.darkborder-director {
	display: none;
}

.director-text2 p {
	font-weight: 100;
}

.media-block p a {
	font-size: 24px;
	line-height: 32px;
	font-weight: 600;
}

.media-block p a:hover {
	color: #008BD1;
}

.my-custome-menu ul li {
	display: inline-block;
}

.my-custome-menu {
	padding-top: 22px;
}

.my-custome-menu ul li a {
	color: #323231;
	font-family: 'Manrope-Medium';
	font-size: 18px;
	padding: 24px 15px 9px;
	background: transparent;
}

.my-custome-menu ul li:hover a,
.my-custome-menu li.current-menu-item a {
	color: #008BD1;
}

.my-custome-menu li.current-menu-item a {
	font-family: Manrope;
font-weight: 600;
	font-weight: normal;
}

.niraali-page-body .footer-common {
	display: none;
}

.director-proig-d .directorimg-comd:first-child {
	height: auto;
	overflow: unset;
}

.niraali-page-body {
	height: 100vh;
	overflow: hidden;
}

.nirali-parekh-image {
	width: 43%;
}

.nirali-parekh-bio {
	width: 57%;
	padding-left: 0;
	/* padding-bottom: 210px; */
}

.testimonial-modal {
	font-family: 'Manrope', sans-serif;
	font-size: 21px;
	line-height: 36px;
}

.testimonial-modal .modal-dialog {
	margin-top: 8% !important;
	width: 750px;
}

.testimonial-modal .modal-content {
	padding: 15px;
}

.testimonial-modal .modal-header {
	padding: 0;
	border-bottom: none;
}

.modal-btn {
	display: block !important;
	border-color: #283749;
	border-style: solid;
	border-width: 3px;
	border-radius: 25px;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	padding: 0 20px;
	background: #283749;
	color: #fff;
	font-size: 15px;
	margin-top: 15px;
}

.modal-backdrop {
	z-index: 0 !important;
}

/*custom updates*/
body {
	font-style: normal;
	font-weight: normal;
}

.mt-80 {
	margin-top: 96px;
}

.mt-60 {
	margin-top: 60px;
}

.mt-40 {
	margin-top: 40px;
}

.mt-20 {
	margin-top: 20px;
}

.mt-16 {
	margin-top: 16px;
}

.mb-80 {
	margin-bottom: 80px;
}

.mb-60 {
	margin-bottom: 60px;
}

.mb-40 {
	margin-bottom: 40px;
}

.mb-20 {
	margin-bottom: 20px;
}

.mb-16 {
	margin-bottom: 16px;
}

.pt-80 {
	padding-top: 96px;
}

.pt-60 {
	padding-top: 60px;
}

.pt-40 {
	padding-top: 40px;
}

.pt-20 {
	padding-top: 20px;
}

.pt-16 {
	padding-top: 16px;
}

.pb-80 {
	padding-bottom: 96px;
}

.pb-60 {
	padding-bottom: 60px;
}

.pb-40 {
	padding-bottom: 40px;
}

.pb-20 {
	padding-bottom: 20px;
}

.pb-16 {
	padding-bottom: 16px;
}

.container-1060,
.container-1260,
.container-830 {
	margin: 0 auto;
}

.d-flex {
	display: flex;
}

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

.w-100 {
	width: 100%;
}

.hs2-block-content {
	justify-content: space-between;
	align-items: flex-start;
}

.hs2-left {
	flex: 0 0 58%;
	max-width: 590px;
	font-size: 24px;
	line-height: 32px;
	font-family: Manrope;
font-weight: 600;
	font-weight: normal;
}

.hs2-right {
	flex: 0 0 42%;
	max-width: 510px;
}

.hs2-accordion {
	margin-left: 0;
}

.hs2-accordion button {
	display: block;
	width: 100%;
}

.clients-tabs-home {
	margin-top: 80px;
}

.hs4-tab-list .tab-btn {
	padding: 16px;
}

.hs4-tab-list .tab-btn img {
	max-width: 100%;
	width: 100%;
}

.home-sec-4 .tab-container {
	padding: 0;
}

.hs4-tab-content {
	justify-content: center;
	align-items: center;
}

.hs4-tab-content-left {
	flex: 0 0 48%;
	max-width: 48%;
	text-align: center;
}

.hs4-tab-content-right {
	flex: 0 0 46%;
	max-width: 46%;
}

.hs4-tab-content-image {
	width: 100%;
	height: 100%;
	max-width: 100%;
	object-fit: cover;
}

.hs4-cta-block {
	margin-top: 32px;
	text-align: center;
}

.btn-borderded-bokaap {
	display: inline-block;
	padding: 12px 24px;
	font-size: 16px;
	line-height: 24px;
	font-family: 'Manrope';
	font-weight: normal;
	color: #283749;
	border: 1px solid #283749;
	text-transform: uppercase;
	align-items: center;
}

.btn-borderded-bokaap:hover,
.btn-borderded-bokaap:focus,
.btn-borderded-bokaap:active {
	background: #27a5e7;
	color: #fff;
	border: 1px solid #27a5e7
}

.home-sec-5 {
	padding: 64px 0;
	background: #F0F2F6;
}

.hs5-content-block {
	justify-content: space-between;
	align-items: center;
}

.hs5-left,
.hs5-right {
	flex: 0 0 48%;
	max-width: 48%;
}

.hs5-right-img {
	width: 100%;
	max-width: 100%;
	height: 350px;
	object-fit: cover;
}

.hs5-left-title h3 {
	font-size: 36px;
	line-height: 44px;
	font-family: 'Manrope-Bold';
	font-weight: normal;
}

.hs5-left-content {
	margin: 16px 0 24px 0;
}

.ourstory-sec-1 {
	padding: 60px 0 0 0;
}

.as2-content {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 34px;
	align-items: center;
}

.as3-count-block {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

.as3-content {
	padding-top: 32px;
	font-size: 24px;
	line-height: 32px;
	font-family: Manrope;
font-weight: 600;
	font-weight: normal;
	font-style: normal;
}

.manrope-bold {
	font-family: 'Manrope-Bold';
}

.fs-56 {
	font-size: 5.6rem;
	line-height: 7.2rem;
}

.home-sec-6 h2 {
	margin: 0 0 2rem 0;
}

.home-sec-6 .casestudy-listing-page .tabs-main-parent {
	padding-top: 16px;
}

.home-sec-6 .easy-tb-m {
	padding: 0;
}

.home-sec-6 .casestudy-listing-page .tabs-main-parent {
	grid-template-columns: repeat(3, 1fr) !important;
}

.home-sec-6 .casestudy-listing-page .Work-divs-m-d {
	aspect-ratio: 399 / 326;
}

.about-sec-4 {
	background: #F0F2F6
}

.as4-top-content {
	justify-content: space-between;
	align-items: center;
}

.as4-top-left {
	flex: 0 0 300px;
	max-width: 300px
}

.as4-top-right {
	flex: 0 0 calc(100% - 324px);
	max-width: calc(100% - 324px)
}

.as4-middle-block-content {
	padding: 1.6rem;
	font-size: 1.6rem;
	/* border-radius: 16px; */
	border: 1px solid #CFD2D8;
}

.as4-middle-block-content a {
	color: #283749;
	text-decoration: underline
}

.as4-middle-block-content a:hover,
.as4-middle-block-content a:focus,
.as4-middle-block-content a:active {
	color: #27A5E7
}

.as4-bottom-block {
	padding-bottom: 30rem;
}

.as4-bottom-block h2 {
	margin: 0
}

.as4-block-content {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	column-gap: 4rem;
}

.cs3-block {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 3.2rem;
	row-gap: 3.2rem;
}

.container-830 {
	max-width: 830px
}

.contact-sec-1 {
	padding: 0 0 0 0;
}

.cs1-content-block h1 {
	margin: 0;
	font-size: 5.6rem;
	line-height: 7rem;
	font-family: Manrope;
font-weight: 600;
	font-weight: normal;
}

.cs2-block {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 2.4rem;
}

.cs2-left-top-text {
	margin: 0 0 3.2rem 0;
	font-family: Manrope;
font-weight: 600;
	font-weight: 600;
	font-size: 2.4rem;
	line-height: 3.2rem;
}

.cs2-left-top-text p {
	margin: 0 0 2.4rem 0;
}

.cs2-right-img {
	width: 100%;
	max-width: 100%;
}

.cs2-left-bottom {
	padding-top: 3.2rem;
	border-top: 1px solid #C6CAD2;
}

.say-hello {
	margin: 0 0 1.6rem 0;
	color: #525252;
}
.say-hello span{
	font-weight:500;
}

.cs2-contact-item {
	margin: 0 0 0 0;
}

.cs2-left-bottom .cs2-contact-item:last-child {
	margin: 0;
}

.contact-link {
	font-family: Manrope;
font-weight: 600;
	font-size: 2.4rem;
	line-height: 3.2rem;
	color: #28323E;
	font-weight:600;
}

.contact-link.text-underline {
	text-decoration: underline
}

.follow-us-title {
	margin: 32px 0 0 0;
}

.follow-us-icons {
	position: relative;
	margin: 1.6rem 0 0 0;
}

.follow-us-icons a {
	position: relative;
	display: inline-block;
	margin: 0 2.4rem 0 0;
}

.follow-us-icons a:first-child:after {
	content: '';
	position: absolute;
	right: -1.6rem;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 4px;
	border-radius: 8px;
	background: #878786
}

.contact-sec-3 {
	background: #008BD1;
	color: #fff;
}

.contact-sec-3 h2 {
	margin: 0 0 3.2rem 0;
	font-family: Manrope;
font-weight: 600;
	font-weight: normal;
}

.cs3-content {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 2.4rem;
}

.cs3-item h3 {
	margin: 0 0 1.6rem 0;
	font-family: Manrope;
font-weight: 600;
	font-size: 2.4rem;
	line-height: 3.2rem;
}

.cs3-item-desc p {
	margin: 0 0 1.6rem 0;
}

.my-custome-menu ul li:last-child a {
	padding: 24px 0 15px 9px;
}

.casestudy-listing-page .project-title {
	font-size: 2.4rem;
	line-height: 3.2rem;
}

.readmore-testimonial {
	display: none !important;
}

.careers-sec-2 {
	padding-top: 6rem;
}

.cs3-block-text-white {
	color: #fff;
}

.fancybox__content .cts-item-block-right {
	flex: 0 0 100%;
	max-width: 100%;
	padding: 0;
}

.flags-icons {
	margin-top: 14px;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(52px, 1fr));
	column-gap: 16px;
}

.flag-icon-img {
	max-width: 100%;
}

.skill_title {
	font-size: 36px;
	line-height: 44px;
}

.img-abt-niraali {
	object-fit: contain;
	/* height: 85vh; */
	height:70vh;
}
.fs-36{
	font-size:3.6rem;
	line-height:4.2rem;
}
.hs4-title{
	margin-top:0;
	margin-bottom:2.4rem;
}

@media (min-width:992px) and (max-width:1439px){
	.casestudy-listing-page h2.page-header, .page-header{
		font-size: clamp(48px, 5vw, 64px) !important;
		line-height: clamp(56px, 5.8vw, 72px) !important;
	}
}
@media screen and (min-width:1099px) and (max-width:1199px) {}

@media screen and (min-width:1200px) and (max-width:1320px) {
	.container-1260,.block-1240,.site-header {
		max-width: 1200px !important;
	}
	/* .homepage-header,.fs-56,.footer h4,.casestudy-listing-page h2.page-header,.clients-sec-1 h1,.count_title,.page-header,
	.cs1-content-block h1 {
		font-size: 4.4rem !important;
		line-height: 5.2rem !important;		
	}	 */
	.hs5-left-title h3,.title_capabilities,.skill_title,.section-heading.fs-36,.hs4-title.fs-36{
		font-size: 32px !important;
    line-height: 40px !important;
	}
	.section-heading{
		font-size:2.6rem !important;
		line-height:3.4rem !important;
	}
	.count_text,.as3-content,.founder_title,.cap_title,.cts-item-block-right-name h3,.skill_h5,.media-block p a,
	.cs2-left-top-text,.contact-link{
		font-size:2.2rem !important;
		line-height:3rem !important;
	}
	/* .homepage-header{
		max-width:700px;
	} */
	.banner-home {
		margin: 40px auto 0 auto;
	}
	.home-sec-6 h2{
		margin:0 0 0.8rem 0;
	}
	.footer-common {
		height: 360px !important;
	}
	.casestudy-listing-page h2.page-header{
		margin-bottom:16px;
	}
	.clients-sec-1{
		padding-bottom:2.4rem;
	}
	.skill_title,.casestudy-listing-page h2.page-header{
		margin-bottom:2.4rem !important;
	}
	.skill_h5{
		margin-bottom:0.8rem !important;
	}
	.contact-sec-1{
		padding-bottom:4rem;
	}	
}

@media screen and (max-width:1024px) {
	.footer h4 {
		font-size: 3.2rem;
		line-height: 4rem;
	}

	.hs4-tab-content-right .title p br {
		display: none;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.mt-80 {
		margin-top: 60px;
	}

	.mt-60 {
		margin-top: 40px;
	}

	.mt-40 {
		margin-top: 32px;
	}

	.mb-80 {
		margin-bottom: 60px;
	}

	.mb-60 {
		margin-bottom: 40px;
	}

	.mb-40 {
		margin-bottom: 32px;
	}

	.pt-80 {
		padding-top: 60px;
	}

	.pt-60 {
		padding-top: 40px;
	}

	.pt-40 {
		padding-top: 32px;
	}

	.pb-80 {
		padding-bottom: 60px;
	}

	.pb-60 {
		padding-bottom: 40px;
	}

	.pb-40 {
		padding-bottom: 32px;
	}
}
@media screen and (min-width:768px) and (max-width:1023px){
	.cs2-block, .cs3-content {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 1.6rem;
    }
}

@media screen and (max-width:767px) {
	.fs-36{
		font-size:2.6rem;
		line-height:3.4rem;
	}
	.mt-80 {
		margin-top: 32px;
	}

	.mt-60 {
		margin-top: 28px;
	}

	.mt-40 {
		margin-top: 24px;
	}

	.mb-80 {
		margin-bottom: 32px;
	}

	.mb-60 {
		margin-bottom: 28px;
	}

	.mb-40 {
		margin-bottom: 24px;
	}

	.pt-80 {
		padding-top: 32px;
	}

	.pt-60 {
		padding-top: 28px;
	}

	.pt-40 {
		padding-top: 24px;
	}

	.pb-80 {
		padding-bottom: 32px;
	}

	.pb-60 {
		padding-bottom: 28px;
	}

	.pb-40 {
		padding-bottom: 24px;
	}

	.page-header {
		font-family: Manrope;
font-weight: 600;
	}

	.page-header.homepage-header {
		margin-top: 8rem;
		font-size: 32px;
		line-height: 40px;
		font-family: Manrope;
font-weight: 600;
		font-weight: normal;
	}

	.hs2-left,
	.accordion .colaps-button {
		font-size: 20px;
		line-height: 30px;
	}

	.accordion p {
		font-size: 14px;
		line-height: 20px;
	}

	.accordion-text-block {
		padding: 1.2rem 0;
	}

	.accordion.hs2-accordion .panel:last-child .accordion-text-block {
		padding-bottom: 0;
	}

	.hs4-tab-content-left,
	.hs4-tab-content-right {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.fs-56 {
		font-size: 3.2rem;
		line-height: 4rem;
	}

	.home-sec-6 #tab-casestudy-1 .work-block-wrapper:last-child {
		margin-bottom: 0 !important;
	}

	/* .home-sec-6 .hs4-cta-block{
		margin-top:2.4rem;
	} */
	.hs5-left,
	.hs5-right {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.home-sec-5 {
		padding: 3.2rem 0;
	}

	.hs5-left {
		order: 2;
	}

	.hs5-right {
		order: 1;
	}

	.hs5-right-img {
		height: auto;
	}

	.home-sec-6 .casestudy-listing-page .tabs-main-parent {
		row-gap: 2.4rem;
	}

	.as4-top-left,
	.as4-top-right {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.as4-top-left {
		margin: 0 0 1.6rem 0;
	}

	.as4-bottom-block {
		padding-bottom: 25rem;
	}

	.as4-block-content {
		grid-template-columns: repeat(2, 1fr);
		column-gap: 0
	}

	.contact-sec-1 {
		padding: 7.5rem 0 0 0;
	}

	.cs2-left-top-text {
		font-size: 2rem;
		line-height: 3rem;
	}

	.contact-link {
		font-size: 2rem;
		line-height: 3rem;
	}
	.say-hello{
		font-size:1.4rem;
		line-height:2rem;
	}

	.cs2-contact-item {
		margin: 0 0 0.8rem 0;
	}

	.cs3-item-desc {
		font-size: 1.4rem;
		line-height: 2rem;
	}

	.cs1-content-block h1 {
		margin: 0 0 24px 0;
		font-size: 3.2rem;
		line-height: 4rem;
		font-weight: 700;
	}

	.cs2-block,
	.cs3-content {
		grid-template-columns: repeat(1, 1fr);
		row-gap: 1.6rem;
	}

	.cs2-left {
		order: 2
	}

	.cs2-right {
		order: 1
	}

	.cs3-content {
		row-gap: 2.4rem;
	}

	.contact-sec-3 h2 {
		margin: 0 0 1.6rem 0;
	}

	.cs3-item-desc p {
		margin: 0 0 1.6rem 0;
	}

	.hs4-cta-block {
		margin-top: 24px;
		text-align: left;
	}

	.hs4-cta-block svg {
		width: 50px;
		height: 50px;
	}

	.home-sec-6 .casestudy-listing-page .tabs-main-parent {
		grid-template-columns: repeat(1, 1fr) !important;
	}

	.home-sec-6 .container-1260.main-container {
		padding-left: 0;
		padding-right: 0;
	}

	.home-sec-6 h2 {
		/* margin:0 0 0.8rem 0; */
		margin: 0;
	}

	.careers-heading {
		margin-bottom: 0;
	}

	.careers-section-para p {
		margin-top: 0;
		font-size: 14px;
		line-height: 20px;
	}

	.job-profile-heading {
		padding-bottom: 8px;
	}

	.section-para {
		font-size: 14px;
		line-height: 20px;
	}

	.work-block-wrapper .project-title {
		font-size: 1.8rem;
		line-height: 2.6rem;
	}

	.casestudy-listing-page .project-name {
		font-size: 1.4rem;
		line-height: 2rem
	}

	.btn-borderded-bokaap,
	.talks_button .text-block {
		font-size: 1.4rem;
		line-height: 1.6rem;
		font-family: Manrope;
font-weight: 600;
	}

	.hs5-left-title h3 {
		margin: 1.6rem 0 0 0;
		font-size: 2.8rem;
		line-height: 3.6rem;
	}

	.hs5-left-content {
		margin: 0.8rem 0 1.6rem 0;
	}

	.readmore-testimonial {
		display: block !important;
	}

	.careers-sec-2 {
		padding-top: 1.6rem;
	}

	.flags-icons {
		grid-template-columns: repeat(auto-fill, minmax(30px, 1fr));
		column-gap: 0.8rem;
	}

	.client-testimonial-slider-controls {
		display: none;
	}

	.client-testimonial-slider .slick-dots {
		list-style-type: none;
		padding-left: 0;
	}

	.client-testimonial-slider .slick-dots li {
		display: inline-block;
		margin: 0 0.4rem 0 0;
	}

	.client-testimonial-slider .slick-dots li,
	.client-testimonial-slider .slick-dots li button {
		background: transparent;
		border: 1px solid #008BD1;
		color: #008BD1;
		border-radius: 16px;
		width: 16px;
		height: 16px;
		transition: all 0.2s ease-in;
		font-size: 0;
		line-height: 0;
	}

	.client-testimonial-slider .slick-dots li:hover,
	.client-testimonial-slider .slick-dots li:focus,
	.client-testimonial-slider .slick-dots li:active,
	.client-testimonial-slider .slick-dots li.slick-active {
		border: 1px solid #008BD1;
		background: #008BD1;
		color: #fff
	}

	.client-testimonial-slider .slick-dots li button,
	.client-testimonial-slider .slick-dots li button:hover,
	.client-testimonial-slider .slick-dots li button:active,
	.client-testimonial-slider .slick-dots li button:active {
		border: 0px none;
	}

	.client-testimonial-slider .slick-dots li button:hover,
	.client-testimonial-slider .slick-dots li button:active,
	.client-testimonial-slider .slick-dots li button:active {
		background: transparent;
	}
	.hs4-title.fs-36{
		font-size:3.2rem !important;
		line-height:4rem !important;
	}	
	.hs4-title{
		margin-bottom:1.6rem;
		font-family: Manrope;
font-weight: 600;
	}
}

@media screen and (max-width:560px) {
	.as4-block-content {
		grid-template-columns: repeat(1, 1fr);
		column-gap: 0
	}
}

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

	/* .page-header.homepage-header{		
		padding-left: 20px;
    padding-right: 20px;	
	} */
	.hs2-left,
	.hs2-right {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.as2-content {
		grid-template-columns: repeat(1, 1fr);
	}

	.as2-left {
		margin: 0 0 24px 0;
	}

	.as3-count-block {
		grid-template-columns: repeat(2, 1fr);
		column-gap: 1.6rem;
		row-gap: 1.6rem;
	}

	.etabs.work-tabs-d li {
		display: block;
	}
}

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

	.container-1060,
	.container-830 {
		padding-left: 20px;
		padding-right: 20px;
	}
}

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

	.container-1060 {
		max-width: 1060px;
	}
}

@media screen and (min-width: 1200px) and (max-width:1280px) {
	.container-1260 {
		max-width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}

	.container-830 {
		padding-left: 20px;
		padding-right: 20px;
	}
}

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

	.container-1260,
	.container-830 {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/*custom updates*/