@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap);

html {
	scroll-behavior: smooth
}

:root {
	--vh: 100vh
}

a {
	text-decoration: none;
	transition: all .3s ease-in-out
}

a:focus,
a:hover {
	text-decoration: none;
	outline: 0
}

.text-dark {
	color: #202326 !important
}

html {
	height: 100%;
	font-family: Poppins, sans-serif;
	line-height: 1.7
}

body {
	line-height: 1.7;
	font-size: 16px;
	height: 100%;
	font-family: Poppins, sans-serif;
	font-weight: 400;
	color: #131212
}

:focus {
	outline: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 700;
	font-family: Poppins, sans-serif;
	color: #101010
}

p {
	font-family: Poppins, sans-serif;
	line-height: 1.7;
	font-asize: 1rem;
	color: #777;
	color: #262525;
	font-weight: 400
}

button:focus {
	outline: 0
}

b,
strong {
	font-weight: 600
}

.w-70 {
	width: 70% !important
}

.py-6 {
	padding-bottom: 3.6rem !important;
	padding-top: 3.6rem !important
}

.last-botton {
	display: inline-flex;
	margin-top: 3rem !important
}

.body_wrapper {
	overflow: hidden
}

.s_section_title {
	font-size: 25px;
	color: #fff;
	font-weight: 700;
	margin-bottom: 50px
}

.sec_title {
	margin-bottom: 20px
}

.sec_title .s_section_title {
	color: #000;
	margin-bottom: 13px
}

.sec_title p {
	font-size: 20px;
	color: #777;
	margin-bottom: 0
}

.sec_pad {
	padding: 66px 0
}

.fw-100 {
	font-weight: 100 !important
}

.fw-300 {
	font-weight: 300 !important
}

.fw-500 {
	font-weight: 500 !important
}

.fw-600 {
	font-weight: 600 !important
}

.fw-700 {
	font-weight: 700 !important
}

.fw-800 {
	font-weight: 800 !important
}

select.form-control:not([size]):not([multiple]) {
	height: calc(2.55rem + 3px)
}

.btn {
	padding: .475rem .95rem;
	border-radius: 22px;
	text-transform: uppercase;
	font-weight: 500;
	font-size: .875em;
	letter-spacing: .03em
}

.btn-primary {
	color: #fff;
	background-color: #51c2b6;
	border-color: #57cbb5
}

.btn-primary:hover {
	color: #fff;
	background-color: #39a691;
	border-color: #39a691
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #40b59d;
	border-color: #40b59d
}

.mt-n2 {
	margin-top: -47px
}

.btn-nxt {
	transition: color .3s cubic-bezier(.4, 0, .2, 1), background .3s cubic-bezier(.4, 0, .2, 1), box-shadow .3s cubic-bezier(.4, 0, .2, 1);
	box-shadow: 0 1px 2px #0000001f;
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	text-align: center;
	width: -moz-fit-content;
	width: fit-content;
	border: none;
	background-color: #fff;
	background: #fff;
	padding: .625em 1em;
	min-width: 10em;
	border: 2px solid #fff0;
	font-style: normal;
	font-weight: 600;
	font-size: .875em;
	line-height: 1.675;
	letter-spacing: .03em;
	text-transform: uppercase;
	text-decoration: none;
	color: #424242;
	display: block;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	position: relative;
	font-family: Poppins, sans-serif;
	color: #444
}

.btn.btn-nxt {
	inset: -2px;
	border-radius: 30px;
	border: 2px solid #288cbb;
	backface-visibility: hidden;
	transform: translateZ(0);
	background: #fff;
	white-space: normal
}

.btn.btn-nxt svg {
	transition: .5s all ease;
	fill: #424242
}

.btn.btn-nxt:hover svg {
	fill: #fff
}

.btn.btn-nxt-bg {
	inset: -2px;
	border-radius: 30px;
	border: 2px solid #59cdb5;
	backface-visibility: hidden;
	transform: translateZ(0);
	background: #59cdb5;
	color: #fff;
	font-style: normal;
	font-weight: 600;
	font-size: .875em;
	line-height: 1.675;
	letter-spacing: .03em;
	text-transform: uppercase;
	text-decoration: none;
	padding: .625em 1.3em
}

.btn-nxt:active,
.btn-nxt:focus,
.btn-nxt:hover {
	background: #54c7b5 !important;
	color: #fff !important;
	border-color: #4ab9b7
}

.btn-nxt-bg:active,
.btn-nxt-bg:focus,
.btn-nxt-bg:hover {
	background: #41adb8 !important;
	color: #fff !important;
	border-color: #3ca5b7
}

.btn-block {
	width: 100% !important
}

.btn-gradiant {
	padding: 12px 20px !important;
	font-weight: 600;
	background-image: none;
	border-radius: 3px;
	cursor: pointer;
	border-radius: 2rem;
	position: relative;
	transition: color .3s cubic-bezier(.4, 0, .2, 1), background .3s cubic-bezier(.4, 0, .2, 1), box-shadow .3s cubic-bezier(.4, 0, .2, 1);
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	text-align: center;
	border: none;
	background-image: linear-gradient(90deg, #fff, #fff, transparent, transparent), linear-gradient(90deg, #2a8fba, #2a8fba, #5cd1b5);
	background-position: 100% center, right -2px center;
	background-size: 300% 102%, 200% 100%;
	color: #fff;
	background-clip: padding-box, border-box;
	border: 2px solid #fff0;
	padding: .375rem .875rem;
	letter-spacing: .03em;
	font-weight: 600;
	text-transform: uppercase;
	box-shadow: 0 1px 2px #0000001f;
	display: block;
	width: -moz-fit-content;
	width: fit-content;
	font-size: .75rem;
	transition: .5s ease-in;
	line-height: .8571428571
}

.btn-gradiant:hover {
	color: #fff !important;
	background-image: linear-gradient(90deg, #fff, #fff, transparent, transparent), linear-gradient(90deg, #2a8fba, #2a8fba, #2a8fba);
	border-color: #0ca59b
}

.sticky {
	position: fixed;
	top: 0;
	width: 100%
}

.sticky+.content {
	padding-top: 60px
}

.heading02 {
	max-width: 100%;
	margin: 0 0 8px;
	font-family: Poppins;
	color: #0b0b0b;
	font-size: 30px;
	line-height: 1.2em;
	text-align: left;
	letter-spacing: -1px
}

.text-primary {
	color: #5aceb5 !important
}

.btnchangesa {
	background-color: #fff;
	font-family: Poppins, sans-serif;
	font-size: .825rem;
	line-height: 1;
	font-weight: 600;
	color: #101010;
	letter-spacing: .25px;
	text-transform: uppercase;
	padding: 11px 17px;
	background-image: none;
	border: none;
	line-height: 1.6;
	border-radius: 35px;
	cursor: pointer;
	transition: .2s ease-in
}

.btnchangesa:hover {
	background: #4fc0b6;
	color: #fff
}

.btnchangesaa {
	background-color: #fff0;
	cursor: pointer;
	font-family: Poppins, sans-serif;
	font-size: .825rem;
	line-height: 1;
	font-weight: 700;
	color: #fff;
	letter-spacing: .25px;
	text-transform: uppercase;
	padding: 19px 23px;
	background-image: none;
	border: none;
	border-radius: 5px;
	transition: .2s ease-in-out
}

.btnchangesaa:hover {
	color: #4ebfb6
}

header.header_area.p_absoulte {
	background: #fff;
	border-bottom: 1px solid #0000000f;
	position: fixed
}

header {
	width: 100%;
	top: 0;
	left: 0;
	z-index: 20;
	transition: all .2s linear
}

header .navbar {
	padding: 10px 7px
}

.headerdiv {
	display: contents
}

.headerdiv .logo_info {
	text-align: left
}

.last-botton {
	display: block;
	margin-top: 10% !important
}

.headerdiv button.navbar-toggler.collapsed {
	float: right;
	margin-bottom: 0
}

header .navbar .navbar-brand {
	margin-right: 15px;
	padding: 0;
	display: flex;
	align-items: center
}

header .navbar .navbar-brand span {
	margin-top: 17px;
	font-size: 15px;
	padding-left: 7px
}

.header_area_one .menu_left {
	display: flex;
	align-items: center
}

.header_area_one .menu_left .logo {
	display: inline-block;
	margin-right: 15px
}

.header_area_one .menu_right {
	display: flex;
	justify-content: flex-end
}

.menuimg {
	width: 21px;
	margin-right: 0;
	font-size: 21px
}

.header-expertise-img img {
	max-width: 100%;
	width: auto !important
}

.firstdropmenu .col-md-6 {
	background: #f2faf9;
	padding: 21px;
	border-radius: 31px
}

.firstdropmenu .col-md-6 img {
	width: 100%;
	margin: auto;
	text-align: center;
	display: block;
	padding: 10px
}

.firstdropmenu .col-md-6 .col-md-7 .title {
	font-size: 31px;
	padding-right: 8%;
	line-height: 1.1em;
	font-weight: 600;
	text-transform: capitalize
}

.firstdropmenu .col-md-6 .col-md-7 .title a {
	color: #242323
}

.firstdropmenu .col-md-6 .col-md-7 {
	padding: 7% 0 0 4%
}

.firstdropmenu .col-md-6 .col-md-7 p {
	font-size: 17px;
	line-height: 1.4;
	padding: 0;
	margin-top: 3%;
	color: #000;
	font-weight: 400
}

.firstdropmenu .col-md-6 .col-md-7 .btn {
	background: #ff5722 !important
}

.col-first {
	display: table-cell;
	vertical-align: middle;
	height: 162px;
	width: 180px;
	margin: auto;
	background-color: #ffffff0f;
	border-radius: 1rem;
	-ms-flex-align: center;
	align-items: center;
	text-align: center
}

.firstdropmenu .col-md-3 .nav-link {
	display: inline-flex;
	width: 100%;
	padding: .6rem 0;
	border-bottom: 1px solid #fff0
}

#expertise-nav .firstdropmenu a.d-inline-flex {
	align-items: center
}

#expertise-nav .firstdropmenu .col-md-3 .nav-link {
	padding: .5rem 0
}

.firstdropmenu .col-md-3 .nav-link:hover {
	display: inline-flex;
	border-bottom: 1px solid #0096886b;
	background: #fafdff
}

.firstdropmenu .col-md-3 .navdiv2 .menu-heading {
	margin: 0 0 2px;
	font-size: 14px;
	font-weight: 600;
	color: #313131;
	font-family: Poppins, sans-serif
}

.spanbold-cs {
	text-align: left;
	display: block;
	font-size: 41px;
	font-weight: 900;
	color: #6060631a
}

.firstdropmenu .col-md-3 .navdiv2 p {
	margin-bottom: 0;
	line-height: normal;
	font-size: 13px;
	color: #afafaf;
	padding-right: 0;
	font-weight: 400
}

.navdiv {
	text-align: center;
	margin-right: 10px;
	background: #0096880d;
	height: fit-content;
	border: 2px solid #0000;
	padding: 5px 5px;
	border-radius: 7px;
	width: 35px;
	justify-content: center;
	display: flex;
	align-items: center;
	height: 35px
}

.lowersection .navdiv2 {
	margin: auto 0
}

.abouttab .menu-heading {
	font-size: 16px;
	font-weight: 600;
	color: #313131
}

.firstdropmenu .col-md-3 .nav-link:hover .menu-heading {
	color: #05b1b0
}

.abouttab {
	border-bottom: 1px solid #0000000d
}

.abouttab:last-child {
	border-bottom: 0 solid #0000000d
}

.abouttab a {
	width: 100%
}

.abouttab .navdiv2 {
	margin: auto 0
}

.abouttab:hover {
	background: #fff0
}

.downtext {
	padding: 3% 8% 3% 9%
}

.downtext .title {
	font-size: 22px;
	text-align: center;
	text-transform: capitalize;
	margin-bottom: 10px;
	font-weight: 600
}

.downtext p {
	line-height: initial;
	font-size: 16px !important;
	font-weight: 100;
	text-align: center;
	padding: 0
}

.downtext .btn {
	background: #009688 !important;
	margin: auto;
	text-align: center;
	display: block
}

.logo_two img {
	width: 130px
}

.navbar .side_menu {
	margin-left: 40px
}

.navbar .side_menu img+img {
	display: none
}

.menu>.nav-item>.nav-link {
	font-size: 18px;
	letter-spacing: .3px;
	color: #333;
	padding: 19px 0;
	line-height: 18px;
	position: relative;
	border-bottom: 4px solid #fff0;
	font-family: Poppins, sans-serif;
	display: inline;
	margin-right: 7px
}

.menu>.nav-item>svg {
	width: 24px;
	height: 24px;
	color: #57c8b0;
	padding: 6px
}

.menu.menu li.nav-item {
	margin-right: 29px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap
}

.menu>.nav-item>.nav-link:hover {
	color: #59cdb5;
	border-bottom-color: #5aceb5
}

.menu>.nav-item>.nav-link:after {
	display: none
}

.menu>.nav-item>.nav-link:before {
	content: "";
	width: 4px;
	height: 4px;
	position: absolute;
	border-radius: 50%;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	transition: all .2s linear;
	transform: scale(0)
}

.menu .dropdown {
	position: static
}

.navbar .btn {
	font-size: .835rem;
	letter-spacing: .25px;
	padding: .7235rem 1.85rem;
	text-transform: uppercase !important
}

.menu .dropdown.small-main-item {
	position: relative
}

.menu .dropdown-menu.small-menu-item .text-bottom {
	display: grid;
	grid-template-columns: 1fr 1fr
}

.menu .dropdown-menu.small-menu-item .key-points {
	display: grid;
	grid-template-columns: 30px 1fr;
	gap: 6px
}

.menu .dropdown-menu.small-menu-item .key-points img {
	padding: 3px;
	filter: grayscale(1);
	opacity: .4
}

.menu .dropdown-menu.small-menu-item .bottom .menu-heading {
	margin-bottom: 17px;
	font-weight: 600;
	font-size: 1.5rem
}

.menu .dropdown-menu.small-menu-item .key-points .key-point-heading {
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 600
}

.menu .dropdown-menu.small-menu-item .key-points p {
	font-size: 12px;
	line-height: 1.1;
	font-weight: 500;
	color: #808080b5
}

.menu .dropdown-menu.small-menu-item .action-btns {
	display: grid;
	gap: 11px;
	grid-template-columns: 100% 100%
}

.menu .dropdown-menu.small-menu-item .action-btns a:nth-child(1) {
	width: 100%;
	background: #07b7ad;
	height: 50px;
	padding: 0 13px;
	border-radius: 8px;
	font-weight: 500;
	color: #fff;
	font-size: 14px;
	line-height: 50px
}

.menu .dropdown-menu.small-menu-item .action-btns a:nth-child(2) {
	width: 100%;
	background: #232e79;
	height: 50px;
	padding: 0 13px;
	border-radius: 8px;
	font-weight: 500;
	color: #fff;
	font-size: 14px;
	line-height: 50px
}

.menu .dropdown-menu.small-menu-item .action-btns a img,
.menu .dropdown-menu.small-menu-item .action-btns a svg {
	width: 18px;
	margin-right: 6px
}

.menu .dropdown-menu.small-menu-item .action-btns a:hover {
	background: #3c3c3c
}

.menu .dropdown-menu.small-menu-item .downtext p {
	line-height: 1.4;
	font-size: 14px !important;
	font-weight: 400;
	text-align: center;
	padding: 0;
	color: #3d3d3d
}

.lowersection {
	width: 100%;
	padding: 0;
	display: flex;
	margin-top: 17px
}

.lowersection .col-md-3 .firsttnav {
	width: 100%;
	background: #07b7ad;
	padding: 6px;
	border-radius: 11px
}

.lowersection .col-md-3 .firsttnav:hover {
	background: #3c3c3c
}

.lowersection .col-md-3 .firsttnav2:hover {
	background: #3c3c3c
}

.lowersection .col-md-3 .firsttnav2 {
	width: 100%;
	background: #28358b;
	padding: 6px;
	border-radius: 11px
}

.lowersection .col-md-3 .menu-heading {
	color: #fff !important
}

.lowersection .firsttnav {
	width: 100%;
	background: #f6fcff;
	margin-right: 1%;
	padding: 8%
}

.lowersection .firsttnav2 {
	width: 100%;
	background: #fdf2ff;
	padding: 8%;
	margin-right: 1%
}

.menu .dropdown-menu.small-menu-item {
	transform: translateY(.625rem) translateX(-17.875rem) !important;
	width: 31.625rem !important;
	border-radius: 2rem !important;
	padding: 0 !important
}

.menu .dropdown-menu.small-menu-item .abouttab {
	border-bottom: 0 solid #0000000d
}

.menu .dropdown-menu.small-menu-item .abouttab:hover .menu-heading {
	color: #5aceb5
}

.menu .dropdown-menu.small-menu-item ul {
	display: grid !important;
	grid-template-columns: 1fr 1fr;
	padding: 15px 11px 15px
}

.menu .dropdown-menu.small-menu-item ul li a {
	padding: 0
}

.menu .dropdown-menu.small-menu-item ul li {
	padding: .7rem 0
}

.menu .dropdown-menu.small-menu-item .bottom {
	background: #f1f4f4a6;
	padding: 20px 26px 26px;
	border-radius: 0 0 2rem 2rem
}

.menu>.nav-item.dropdown .dropdown-menu {
	margin: 0;
	border: 0;
	border-radius: 0;
	right: 0;
	left: 10%;
	width: 1200px;
	background: #fff;
	z-index: 1;
	box-shadow: 0 16px 15px 4px rgb(14 0 40 / 5%) !important;
	padding: .7rem 1.3rem;
	box-shadow: 0 .375rem 1.875rem 0 rgb(0 0 0 / .1), 0 1.875rem 3.75rem .9375rem rgb(2 2 3 / .1) !important;
	border-radius: 2rem !important
}

@media (min-width:992px) {
	.menu>.nav-item.dropdown .dropdown-menu {
		transition: all .3s ease-in;
		opacity: 0;
		visibility: hidden;
		display: block;
		left: 50%;
		transform: translateX(-50%)
	}
}

.menu>.nav-item.dropdown .dropdown-menu .nav-item {
	display: block;
	width: 100%;
	margin-right: 0;
	padding: 12px 0;
	position: relative;
	border-bottom: 1px solid #0000000f
}

.menu>.nav-item.dropdown .dropdown-menu .nav-item .nav-link {
	padding: 0;
	white-space: nowrap;
	font: 500 16px/20px Poppins, sans-serif;
	color: #000;
	transition: color .2s linear
}

.menu>.nav-item.dropdown .dropdown-menu .nav-item .nav-link:after {
	display: none
}

.menu>.nav-item.dropdown .dropdown-menu .nav-item .nav-link:hover {
	color: #1ca598
}

.menu>.nav-item.dropdown .dropdown-menu .nav-item.active .nav-link {
	color: #7a51ed
}

.menu>.nav-item.dropdown .dropdown-menu .nav-item>.dropdown-menu {
	transition: transform .3s ease-in;
	padding: 0
}

@media (min-width:992px) {
	.menu>.nav-item.dropdown .dropdown-menu .nav-item>.dropdown-menu {
		position: absolute;
		left: 100%;
		top: -25px;
		opacity: 0;
		display: block;
		visibility: hidden;
		transform: translateY(20px);
		transition: all .3s ease-in
	}
}

.menu>.nav-item.dropdown .dropdown-menu .nav-item+.nav-item {
	margin-left: 0
}

.menu>.nav-item.active .nav-link:before {
	transform: scale(1)
}

.menu>.nav-item:hover .nav-link:before {
	transform: scale(1)
}

@media (min-width:992px) {
	.menu>.nav-item:hover .dropdown-menu {
		opacity: 1;
		visibility: visible
	}
}

@media (min-width:701px) and (max-width:1400px) {
	.mediapage {
		background: #f8f9fb;
		padding-bottom: 60px;
		padding-top: 60px
	}

	.topbrandul ul li img {
		width: 62px !important
	}

	.home-pagebanner p {
		color: #0f0f0f !important;
		font-size: 14px !important
	}

	#blog-11 .leadmagnet .hometopbtn a {
		padding: 9.7235px 9px !important;
		font-size: 13px !important
	}

	.testimonials-profile span p {
		font-weight: 100;
		font-size: 11px
	}

	#myCarousel .carousel-item .mask {
		position: inherit
	}

	.bg-deepviolet {
		background-color: #383b62;
		padding: 0 5%
	}

	.servicesection h2 {
		font-size: 2rem !important
	}

	.aboutdiv02 h2 {
		font-size: 25px !important
	}

	.aboutdiv2 h2 {
		font-size: 25px !important
	}

	.textbox p {
		color: #fff;
		line-height: 1.2;
		font-weight: 100;
		font-size: 16px
	}

	.aboutdiv002 h2 {
		font-size: 25px !important
	}

	.aboutsectionedit .section-title h3 {
		font-size: 2rem !important
	}

	.tabdiv .tab-pane h3 {
		font-size: 27px !important
	}

	.tech__grid__inner figure img {
		width: 100%
	}

	p.p-md {
		padding-right: 0;
		line-height: normal
	}

	.project-add-banner {
		padding: 0 0 0 27px !important
	}

	.project-add-banner .content {
		padding-right: 28px
	}

	.servicesection {
		background: #fdfdfd
	}

	.home-pagebanner .btn-green {
		padding: 11px 13px
	}

	h2.h2-xs {
		font-size: 2rem !important
	}

	.home-pagebanner p {
		color: #0f0f0f !important;
		font-size: 13px;
		line-height: normal
	}
}

@media (min-width:701px) and (max-width:992px) {
	.design-figure--skull-pineapple {
		display: none
	}

	.hidedivedit {
		right: 0;
		left: auto !important;
		right: auto !important
	}

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

	.tabdiv .list-group-item {
		padding: .75rem 0
	}

	.tabdiv .list-group-item h5 {
		font-size: 11px !important
	}

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

	.menu>.nav-item:hover .dropdown-menu>.nav-item:hover .dropdown-menu {
		transform: scaleY(1);
		opacity: 1;
		visibility: visible
	}

	.menu_toggle {
		margin-right: 4px
	}

	.banner-fuga-inline022 {
		max-width: 90% !important
	}

	#blog-11 .blog-post {
		box-shadow: 0 0 100px 0 rgb(0 0 0 / 5%);
		margin-bottom: 0
	}

	.whyus {
		font-size: 30px;
		margin-bottom: 17px;
		margin-top: 15px
	}

	.testimonials-card .more-questions {
		margin-top: 16px
	}

	.mediapage h2 {
		font-size: 30px !important;
		margin-top: 6%
	}

	#logo-1 h2 {
		font-size: 30px !important
	}

	.testimonials-card .downpara {
		font-size: 22px
	}

	#process1 h2 {
		color: #fff !important
	}

	#process1 .student-left p {
		color: #fff;
		line-height: 1.5
	}

	.carousel-item .features__item.mb-30 {
		background: #d5fffbb0;
		padding: 10%;
		height: auto
	}

	.showwork-section h2 {
		font-size: 30px !important
	}

	#sep01edit h2 {
		font-size: 30px
	}

	.heading--h4 .bold {
		font-size: 20px
	}

	.hideonmobile {
		display: none
	}

	.tech__grid__inner span {
		line-height: 1.2;
		font-size: 13px
	}

	.aboutsectionedit .section-title h2 {
		font-size: 30px !important
	}

	.servicesection .brand-logo ul img {
		width: 40px;
		height: 40px;
		padding: 8px
	}

	.tabdiv .list-group-item {
		padding: 8px 16px !important;
		width: fit-content !important;
		display: inline-block !important;
		border: 1px solid #29338a !important
	}

	.section__title-wrapper {
		margin-bottom: 20px !important
	}

	.tabdiv h2 {
		font-size: 30px !important
	}

	.top-servi.top-servi3 .content {
		text-align: center !important;
		display: block !important
	}

	.top-servi h4 {
		font-size: 1.2rem
	}

	.top-servi {
		height: auto !important
	}

	.h1csscommon {
		font-size: 30px !important
	}

	.blog-post.wow.fadeInUp {
		width: 100% !important
	}

	.servicesection {
		background: #fdfdfd;
		padding: 11% 0 0
	}

	.blog-post-img.mb-25 img {
		max-width: fit-content !important;
		width: 100%
	}

	.hero-txt {
		margin-bottom: 0 !important
	}

	#myCarousel .carousel-item .mask {
		position: inherit
	}

	.student-left {
		width: 100% !important;
		position: static !important
	}

	#process1 {
		padding: 7% !important
	}

	.student-right {
		width: 100% !important;
		display: block
	}

	.section-title {
		text-align: left !important;
		margin-bottom: 0
	}

	.banner-fuga-inline022 {
		overflow: hidden;
		padding: 8% 4% !important
	}

	.banner-fuga-inline022 p {
		font-size: 15px !important;
		margin-bottom: 10px !important;
		line-height: normal
	}

	.heading2.marginauto.textcenter.text-light {
		color: #fff;
		font-size: 2rem !important
	}

	#pricing-22 {
		padding-top: 61px;
		padding-bottom: 68px;
		display: none
	}

	.banner-fuga-inline022 .input-group-btn {
		margin-left: 0
	}

	.section-title p {
		color: #888;
		padding: 0 15%;
		margin-top: 20px;
		margin-bottom: 0;
		padding: 0 !important
	}

	.newsletter-form .form-control {
		text-align: left !important
	}

	.section-title {
		text-align: left;
		margin-bottom: 11px
	}

	.student-right .testimonials-left {
		width: calc(100% - 0px);
		margin-top: 7%
	}

	.student-right .testimonials-center {
		width: 100%;
		margin-top: 6%
	}

	.student-section {
		padding: 6% 5%
	}

	.info-img.text-center.pr-45 {
		padding-top: 12%
	}

	.aboutsectionedit .section-title h3 {
		color: #fff;
		font-size: 2.75rem
	}

	.aboutdiv1 {
		transition: all .9s ease-in-out;
		background-size: 100%;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover
	}

	.wide-60 {
		padding-top: 60px
	}

	.aboutdiv2 h2 {
		font-size: 30px
	}

	.aboutdiv02 h2 {
		font-size: 30px
	}

	.aboutdiv002 h2 {
		font-size: 30px
	}

	.tech__grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 35px;
		grid-row-gap: 32px
	}

	.section-title h3.h3-lg {
		font-size: 2.5rem !important;
		padding-right: 0 !important
	}

	.content .title a {
		color: #000;
		color: #253078;
		font-size: 21px
	}

	.section {
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 0;
		background: #fff;
		padding-right: 0
	}

	.col-md-5.col-12.order-md-2.order-2.p-5 {
		padding: 1rem !important
	}

	#myCarousel .features__title {
		font-size: 16px;
		margin-bottom: 16px;
		margin-top: 0
	}

	#myCarousel p {
		font-size: 17px;
		margin-bottom: 15px;
		color: #000;
		line-height: normal
	}

	#myCarousel h4 {
		font-size: 22px;
		margin-bottom: 5px
	}

	.carousel-control-prev {
		left: auto;
		top: 0;
		left: 0
	}

	.wide-60 {
		padding-top: 43px !important;
		padding-bottom: 33px !important
	}

	.servicesection ul li .service-all-details b {
		font-size: 10px
	}

	.servicesection .brand-logo img {
		padding: 14px 0;
		height: auto
	}

	.bottomico .h5-sm {
		margin-bottom: 15pxpx;
		background: #1cd5ec;
		width: 30px !important;
		height: 30px !important;
		padding: 5px !important;
		line-height: 1.5 !important;
		border-radius: 6px;
		text-align: center;
		margin: 0 5px
	}

	.footer-socials-links11 .h5-sm a {
		margin-left: 0 !important;
		color: #dcdcdc !important;
		font-size: 12px !important
	}

	.leftcol {
		margin-top: 7%
	}

	.pblue a {
		color: #2398f1
	}

	#process1 h3 {
		color: #000;
		font-size: 2.5rem
	}

	#blog-11 .section__title-wrapper h2 {
		font-family: Poppins;
		font-size: 30px
	}

	.project-grid.project-style-2 .parap {
		font-size: 14px !important
	}

	.servicesection ul li {
		margin: 0 2% 0 0
	}

	.project-add-banner.sal-animate .parap {
		margin: 0 0 19px;
		width: 100%;
		opacity: inherit;
		color: #000;
		font-size: 15px
	}

	.project-grid.project-style-2 .content {
		background-color: #fff0;
		border-radius: 0;
		padding: 0;
		position: absolute;
		top: 18px;
		left: 20px
	}

	.project-add-banner .content .title a {
		color: #253078
	}

	.project-add-banner {
		margin-bottom: 28px;
		background-image: linear-gradient(30deg, #fff, #d8dceb);
		overflow: hidden;
		border-radius: 30px;
		padding: 29px 0 34px 20px
	}

	.project-add-banner .content .title {
		width: 100%;
		letter-spacing: 0;
		margin-bottom: 13px;
		font-size: 24px
	}

	.servicesection .subtitle {
		font-weight: 500;
		font-size: 16px
	}

	.servicesection .parap {
		width: 100%;
		font-weight: 400;
		color: #000;
		font-size: 13px;
		padding: 0;
		line-height: 1.3;
		margin: 6px auto 14px
	}

	.servicesection h2 {
		color: #fff;
		font-size: 30px
	}

	header .navbar .navbar-brand {
		margin-right: 12px;
		padding: 0;
		margin-left: 8px
	}

	header {
		box-shadow: 0 13px 35px -12px rgb(35 35 35 / 5%)
	}

	.list-group {
		display: block
	}

	.tabdiv .tab-pane h3 {
		position: relative;
		z-index: 1;
		font-size: 21px
	}

	.tech__grid__inner figure img {
		width: 35px
	}

	.tabdiv .list-group-item.active h5 {
		font-size: 14px
	}

	.softwaresideimg {
		position: absolute;
		right: 0;
		width: 34%;
		top: 0
	}

	.tabdiv {
		background: #f5f5f5;
		padding: 30px 0
	}

	p.p-md {
		font-size: 15px !important;
		line-height: initial !important
	}

	.parap {
		padding-right: 0 !important
	}

	.project-grid.project-style-2 {
		box-shadow: none;
		position: relative;
		margin-bottom: 28px
	}

	.centered-container.lastlio {
		display: none
	}

	.newsletter-form .btn {
		display: block;
		width: auto;
		height: 39px;
		font-size: 11px;
		padding: 0 15px;
		margin-left: 0
	}

	h2.h2-xs {
		font-size: 2rem !important
	}

	.project-add-banner .thumbnail {
		margin: -170px 0 -110px;
		display: none
	}

	.project-add-banner .content {
		padding-right: 0
	}

	.home-pagebanner p {
		color: #0f0f0f !important;
		font-size: 15px !important;
		line-height: initial
	}

	.topbrandul ul {
		display: -webkit-box !important
	}

	.topbrandul22 ul li img {
		width: 66px !important;
		filter: contrast(.2)
	}

	.intro .left {
		width: 100%;
		height: 30%
	}

	.intro .slider {
		width: 100%;
		height: 70%
	}
}

.navbar-text {
	margin-left: 22px !important
}

.content-black .logo_two img {
	display: none
}

.content-black .logo_two img+img {
	display: block
}

.content-black .h_contact_info a {
	color: #101010
}

.content-black .h_contact_info a+a:before {
	color: #101010
}

.content-black .menu>.nav-item>.nav-link {
	color: #101010
}

.content-black .menu>.nav-item>.nav-link:before {
	background: #101010
}

.content-black .menu_toggle .hamburger span,
.content-black .menu_toggle .hamburger-cross span {
	background: #101010
}

.hamburger_menu_wrepper {
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 99999;
	top: 0;
	background-color: rgb(0 0 0 / .95);
	overflow-x: hidden;
	transition: all .4s linear;
	opacity: 0;
	visibility: hidden;
	padding: 50px;
	display: flex;
	align-items: center
}

.hamburger_menu_wrepper.mySideBar {
	opacity: 1;
	visibility: visible
}

.hamburger_menu_wrepper.mySideBar .offcanfas_menu>li {
	opacity: 1;
	animation: fadeInUp .4s cubic-bezier(.175, .885, .32, 1) both
}

.hamburger_menu_wrepper.mySideBar .header_footer {
	opacity: 1;
	animation: fadeInUp .4s cubic-bezier(.175, .885, .32, 1) both
}

.hamburger_menu_wrepper .animation-box {
	width: 100%
}

.hamburger_menu_wrepper .menu-box {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 62%;
	margin: 0 auto;
	max-height: 310px
}

.hamburger_menu_wrepper .top_menu {
	display: flex;
	justify-content: space-between;
	position: absolute;
	right: 0;
	padding: 50px 27px 0 45px;
	top: 0;
	color: #fff;
	cursor: pointer;
	transition: all .3s linear;
	width: 100%
}

.hamburger_menu_wrepper .top_menu i {
	font-size: 50px;
	line-height: 30px
}

.hamburger_menu_wrepper .top_menu .text {
	padding-right: 0
}

.header_footer {
	display: table-footer-group;
	padding-bottom: 10px;
	opacity: 0;
	animation: fadeOut .4s both
}

.header_footer h5 {
	font-size: 16px;
	color: #fff
}

.header_footer ul {
	margin-bottom: 40px
}

.header_footer ul li {
	display: inline-block;
	margin-right: 6px
}

.header_footer ul li a {
	width: 44px;
	height: 44px;
	border: 1px solid #656c82;
	border-radius: 50%;
	text-align: center;
	font-size: 14px;
	line-height: 44px;
	color: #fff;
	display: block;
	transition: all .3s linear
}

.header_footer ul li a:hover {
	background: #fff;
	border-color: #fff;
	color: #5f28fb
}

.header_footer p {
	font-size: 16px;
	color: #858faf;
	margin-bottom: 10px
}

.logo_info {
	display: flex;
	align-items: center
}

.header_area_four .logo img+img {
	display: none
}

.header_area_four .burger_menu {
	color: #101010
}

.header_area_four .burger_menu .dot_icon .dot {
	background: #101010
}

.navbar-toggler {
	padding: 0;
	margin-left: 20px
}

.navbar-toggler:focus {
	outline: 0
}

.menu_toggle {
	width: 22px;
	height: 22px;
	position: relative;
	cursor: pointer;
	display: block
}

.menu_toggle .hamburger {
	position: absolute;
	height: 100%;
	width: 100%;
	display: block
}

.menu_toggle .hamburger span {
	width: 0%;
	height: 2px;
	position: relative;
	top: 0;
	left: 0;
	margin: 4px 0;
	display: block;
	background: #fff;
	border-radius: 3px;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out
}

.menu_toggle .hamburger span:nth-child(1) {
	transition-delay: 0s
}

.menu_toggle .hamburger span:nth-child(2) {
	transition-delay: 125ms
}

.menu_toggle .hamburger span:nth-child(3) {
	transition-delay: .2s
}

.menu_toggle .hamburger-cross {
	position: absolute;
	height: 100%;
	width: 100%;
	transform: rotate(45deg);
	display: block
}

.menu_toggle .hamburger-cross span {
	display: block;
	background: #fff;
	border-radius: 3px;
	-webkit-transition: .2sease-in-out;
	transition: .2sease-in-out
}

.menu_toggle .hamburger-cross span:nth-child(1) {
	height: 100%;
	width: 2px;
	position: absolute;
	top: 0;
	left: 10px;
	transition-delay: .3s
}

.menu_toggle .hamburger-cross span:nth-child(2) {
	width: 100%;
	height: 2px;
	position: absolute;
	left: 0;
	top: 10px;
	transition-delay: .4s
}

.collapsed .menu_toggle .hamburger span {
	width: 100%
}

.collapsed .menu_toggle .hamburger span:nth-child(1) {
	transition-delay: .3s
}

.collapsed .menu_toggle .hamburger span:nth-child(2) {
	transition-delay: .4s
}

.collapsed .menu_toggle .hamburger span:nth-child(3) {
	transition-delay: .5s
}

.collapsed .menu_toggle .hamburger-cross span:nth-child(1) {
	height: 0%;
	transition-delay: 0s
}

.collapsed .menu_toggle .hamburger-cross span:nth-child(2) {
	width: 0%;
	transition-delay: .2s
}

.navbar_fixed.header_area {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	padding-top: 0;
	padding-bottom: 0;
	background: #fff;
	box-shadow: 0 4px 6px 0 rgb(12 0 46 / .06);
	transition: all .3s linear
}

.navbar_fixed.header_area .logo_two img {
	display: none
}

.navbar_fixed.header_area .logo_two img+img {
	display: block
}

.navbar_fixed.header_area .h_contact_info a {
	color: #101010
}

.navbar_fixed.header_area .h_contact_info a+a:before {
	color: #101010
}

.navbar_fixed.header_area .menu>.nav-item {
	padding-bottom: 25px;
	padding-top: 25px
}

.navbar_fixed.header_area .menu>.nav-item>.nav-link {
	color: #101010
}

.navbar_fixed.header_area .menu>.nav-item>.nav-link:before {
	background: #101010
}

.navbar_fixed.header_area .side_menu {
	color: #101010
}

.navbar_fixed.header_area .side_menu .dot_icon .dot {
	background: #101010
}

header .portfolio_menu {
	padding: 26px 0;
	z-index: 100;
	background: #fff
}

header .portfolio_menu .container-fluid {
	padding-left: 200px;
	padding-right: 200px
}

header .portfolio_menu .burger_menu {
	color: #000
}

header .portfolio_menu .burger_menu .dot_icon .dot {
	background: #000
}

.footer_text {
	text-align: center;
	color: #fff
}

.footerbottom {
	display: inline-flex;
	align-items: center
}

.footer_text h3 {
	font-size: 36px;
	margin-bottom: 35px;
	color: #fff
}

.footer_text .subscribe_info {
	max-width: 550px;
	margin: 0 auto 50px;
	position: relative
}

.footer_text .subscribe_info .form-control {
	background: rgb(255 255 255 / .25);
	height: 50px;
	font-size: 14px;
	color: #fff;
	border-radius: 0;
	border: 0;
	padding-left: 20px
}

.footer_text .subscribe_info .form-control.placeholder {
	color: #fff
}

.footer_text .subscribe_info .form-control:-moz-placeholder {
	color: #fff
}

.footer_text .subscribe_info .form-control::-moz-placeholder {
	color: #fff
}

.footer_text .subscribe_info .form-control::-webkit-input-placeholder {
	color: #fff
}

.footer_text .subscribe_info .form-control:focus {
	box-shadow: none
}

.footer_text .subscribe_info button {
	position: absolute;
	right: 20px;
	top: 54%;
	padding: 0;
	border: 0;
	transform: translateY(-52%);
	font-size: 22px;
	color: #fff
}

.footer_text .social_link {
	margin-bottom: 32px
}

.footer_text .social_link li+li {
	margin-left: 12px
}

.footer_text p {
	margin-bottom: 0;
	font-size: 14px;
	color: #aaa;
	line-height: 28px
}

.footer_text p a {
	color: #fff;
	text-decoration: underline
}

.social_link {
	margin-bottom: 0
}

.social_link li {
	display: inline-block
}

.social_link li a {
	display: inline-block;
	font-size: 20px;
	color: #929197;
	transition: all .5s;
	width: 25px;
	height: 22px;
	position: relative;
	overflow: hidden;
	text-align: center
}

.social_link li a i {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	transition: all .5s
}

.social_link li a i+i {
	top: 100%
}

.social_link li a:hover i {
	top: -100%;
	color: #fff
}

.social_link li a:hover i+i {
	top: 0
}

.social_link li+li {
	margin-left: 10px
}

.bg-title {
	font-size: 300px;
	font-weight: 700;
	line-height: 320px;
	color: rgb(0 0 0 / .05);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	text-transform: uppercase;
	width: 100%;
	text-align: center
}

.bg-title .layer {
	position: relative !important
}

.home_three {
	height: 600px !important
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(0 0 0 / .5);
	z-index: -1
}

.breadcrumb {
	padding: 9px 0;
	margin-bottom: 0;
	background-color: #fff0;
	border-radius: 0
}

ul.breadcrumb li a {
	color: #dadada;
	text-decoration: none;
	font-family: Poppins, sans-serif
}

ul.breadcrumb li {
	display: inline;
	font-size: 17px;
	color: #5aceb5;
	font-family: Poppins, sans-serif
}

ul.breadcrumb li+li:before {
	padding: 1px 7px;
	color: #dadada;
	content: "/\00a0"
}

ul.breadcrumb li a:hover {
	color: #5aceb5
}

@media(min-width:1200px) {
	section.bizbrolly-locations .row .col-lg-2 {
		display: grid;
		grid-template-columns: 5fr;
		flex: 1;
		max-width: 100%
	}

	.home-pagebanner {
		height: 676px
	}
}

.home-pagebanner .btn-green {
	line-height: 1.6;
	border-color: #fff0;
	background-image: none;
	border-radius: 3px;
	color: #fff
}

.home-pagebanner {
	position: relative;
	width: 100%;
	overflow: hidden
}

.home-pagebanner .Slider-slide {
	background-color: #f3f2f0;
	background-image: linear-gradient(#fff, #f3f2f0)
}

.home-pagebanner .Slider-slide .row {
	align-items: center
}

.home-pagebanner .Slider-slide .imgboxsec {
	padding: 15px;
	text-align: center
}

.home-pagebanner .Slider-slide .imgboxsec2 hero-txt {
	color: #000
}

.home-pagebanner h2 {
	color: #0f0f0f !important
}

.home-pagebanner p {
	color: #181818 !important;
	font-size: 18px;
	line-height: 1.6;
	width: 87%
}

.home-pagebanner .newsletter-form .form-control {
	display: block;
	padding: 14px .75rem;
	font-size: 1rem;
	border: 4px;
	margin-right: 16px;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 2px solid #0000000f;
	border-radius: -.75rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.home-pagebanner .btn-green {
	color: #fff;
	background-color: #ffc107;
	line-height: 1.6;
	border-color: #0c9dec;
	background-image: linear-gradient(to right, #03a9f4, #3f51b5)
}

.Slider {
	color: #fff;
	font-family: arial, san-serif;
	width: 100%;
	height: 100%
}

.pblue {
	margin-top: auto;
	margin-bottom: auto;
	color: #0191ff;
	font-weight: 500
}

.Slider img {
	border-style: none;
	max-width: 100%
}

.Slider .Slider-slide {
	padding-top: 123px;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	transition: opacity 1s ease-in-out;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0
}

.Slider .Slider-slide.show {
	opacity: 1;
	z-index: +1
}

.h1csscommon {
	font-size: 40px;
	color: #2f3233;
	font-weight: 700;
	text-transform: capitalize
}

.home-pagebanner .hero-txt .h1csscommon {
	font-size: 43px
}

.home-pagebanner .imgboxsec2 .newsletter-form span .ulll {
	padding: 9px 20px;
	border: none;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase
}

.home-pagebanner .Slider-slide .imgboxsec2 {
	padding-top: 10px
}

.home-pagebanner .action-button {
	line-height: 1.6;
	border-color: #fff0;
	background-image: none;
	border-radius: 3px;
	color: #fff;
	padding: 10px 20px;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	border-radius: 22px;
	transition: .5s all ease
}

.home-pagebanner .action-button:hover {
	background: #59cdb5 !important
}

.form-text {
	color: #000;
	margin-left: 0 !important;
	font-family: Poppins, sans-serif
}

.form-text span {
	color: #000;
	font-size: 19px;
	font-weight: 500
}

.hero-txt {
	margin-bottom: 80px
}

.hometopbtn a:hover {
	color: #fff !important;
	background-color: #0ca59b;
	border-color: #0ca59b
}

.expertise-secondsection {
	background: #f4f3f1;
	height: 479px
}

.expertise-secondsection strong {
	color: #333;
	letter-spacing: 1px;
	font-weight: 600;
	font-size: 23px;
	font-family: Poppins
}

.workflow-set #slides {
	position: relative;
	padding-bottom: 35px
}

.expertise-list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	background: #fff;
	padding: 11px 32px;
	border-radius: 73px;
	box-shadow: rgb(100 100 111 / .2) 0 7px 29px 0
}

.workflow-set .exper-toggle.active h6 {
	color: initial
}

.workflow-set .exper-toggle {
	z-index: 1;
	text-align: center;
	transition: .2s ease-in-out;
	cursor: pointer
}

.workflow-set #slides h4 {
	font-size: 13px;
	font-weight: 600;
	border-radius: 6px;
	margin: 7px 0;
	padding: 6px 0;
	width: 100%
}

#features_detail .sec-title h3 {
	font-size: 20px
}

.expertise-content .slide {
	margin-top: 32px;
	padding-left: 39px;
	width: 100%;
	left: 0;
	position: relative;
	padding-right: 43px
}

.expertise-content .slide {
	display: none
}

.expertise-content .slide.active {
	display: block
}

.workflow-set .exper-toggle .exper-heading {
	font-size: 14px;
	color: #7f7f7f;
	font-weight: 500;
	transition: .2s ease-in-out
}

.workflow-set .exper-toggle:hover .exper-heading {
	color: initial;
	transition: .2s ease-in-out
}

.expertise-content .slider-exper-heading {
	color: #2d2d2d;
	font-weight: 600;
	line-height: 1.5;
	font-size: 1.25rem;
	display: inline-flex
}

.exper-toggle img {
	width: 33px;
	opacity: .5;
	margin-bottom: 5px
}

.exper-toggle svg {
	width: 33px;
	height: 33px;
	fill: #7f7f7f;
	margin-bottom: 5px;
	transition: .2s ease-in-out
}

.workflow-set .expertise-list .exper-toggle:nth-child(1).active svg,
.workflow-set .expertise-list .exper-toggle:nth-child(1):hover svg,
.workflow-set .expertise-list .exper-toggle:nth-child(1):hover .exper-heading,
.workflow-set .expertise-list .exper-toggle:nth-child(1).active .exper-heading {
	fill: red;
	color: red
}

.workflow-set .expertise-list .exper-toggle:nth-child(2).active svg,
.workflow-set .expertise-list .exper-toggle:nth-child(2):hover svg,
.workflow-set .expertise-list .exper-toggle:nth-child(2):hover .exper-heading,
.workflow-set .expertise-list .exper-toggle:nth-child(2).active .exper-heading {
	fill: #e1a413;
	color: #e1a413
}

.workflow-set .expertise-list .exper-toggle:nth-child(3).active svg,
.workflow-set .expertise-list .exper-toggle:nth-child(3):hover svg,
.workflow-set .expertise-list .exper-toggle:nth-child(3):hover .exper-heading,
.workflow-set .expertise-list .exper-toggle:nth-child(3).active .exper-heading {
	fill: #1379e1;
	color: #1379e1
}

.workflow-set .expertise-list .exper-toggle:nth-child(4).active svg,
.workflow-set .expertise-list .exper-toggle:nth-child(4):hover svg,
.workflow-set .expertise-list .exper-toggle:nth-child(4):hover .exper-heading,
.workflow-set .expertise-list .exper-toggle:nth-child(4).active .exper-heading {
	fill: #064482;
	color: #064482
}

.workflow-set .expertise-list .exper-toggle:nth-child(5).active svg,
.workflow-set .expertise-list .exper-toggle:nth-child(5):hover svg,
.workflow-set .expertise-list .exper-toggle:nth-child(5):hover .exper-heading,
.workflow-set .expertise-list .exper-toggle:nth-child(5).active .exper-heading {
	fill: #05c085;
	color: #05c085
}

.workflow-set .expertise-list .exper-toggle:nth-child(6).active svg,
.workflow-set .expertise-list .exper-toggle:nth-child(6):hover svg,
.workflow-set .expertise-list .exper-toggle:nth-child(6):hover .exper-heading,
.workflow-set .expertise-list .exper-toggle:nth-child(6).active .exper-heading {
	fill: #4b00e3;
	color: #4b00e3
}

.workflow-set .expertise-list .exper-toggle:nth-child(7).active svg,
.workflow-set .expertise-list .exper-toggle:nth-child(7):hover svg,
.workflow-set .expertise-list .exper-toggle:nth-child(7):hover .exper-heading,
.workflow-set .expertise-list .exper-toggle:nth-child(7).active .exper-heading {
	fill: #e36000;
	color: #e36000
}

.workflow-set .expertise-list .exper-toggle:nth-child(8).active svg,
.workflow-set .expertise-list .exper-toggle:nth-child(8):hover svg,
.workflow-set .expertise-list .exper-toggle:nth-child(8):hover .exper-heading,
.workflow-set .expertise-list .exper-toggle:nth-child(8).active .exper-heading {
	fill: #00d9dc;
	color: #00d9dc
}

.p_btn_w {
	border-radius: 22px;
	background: #59cdb5;
	color: #fff;
	font-size: 14px;
	margin: auto;
	border: none;
	padding: 10px 33px 10px;
	transition: .3s ease-in-out
}

.p_btn_w:hover {
	background-color: #000;
	color: #fff;
	transition: .3s ease-in-out
}

.p_btn {
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
	display: inline-block;
	transition: all .3s linear
}

.servicesection {
	background: #fff;
	padding: 6% 0 0
}

.top-servi {
	background-image: linear-gradient(30deg, #cef3f3, #efffff);
	border-radius: 22px;
	position: relative;
	text-align: center;
	overflow: hidden
}

.top-servi.top-servi2 .thumbnail img {
	width: 83%;
	margin-top: 5px
}

.servicesection h2 {
	font-family: Poppins, sans-serif;
	color: #fff;
	font-size: 34px;
	line-height: 1.2em;
	font-weight: 100;
	letter-spacing: 0
}

.servhaed {
	color: #27272e !important
}

.servicesection h2 span {
	color: #2c388e;
	font-weight: 700;
	font-weight: 700;
	font-family: Poppins, sans-serif
}

.servicesection .subtitle {
	font-weight: 500;
	font-size: 20px;
	margin-bottom: 15px;
	color: #0daea4
}

.top-servi.top-servi2 {
	margin-bottom: 21px;
	transition: .8s ease-in-out
}

.top-servi.last--top-ser {
	text-align: left
}

.top-servi:hover {
	background-image: linear-gradient(30deg, #2f95ba, #55c8b6) !important;
	transition: .8s ease-in-out;
	cursor: pointer
}

.top-servi:hover p a {
	color: #fff !important;
	opacity: 1;
	transition: .2s ease-in-out
}

.top-servi:hover h3 a {
	color: #fff !important;
	transition: .2s ease-in-out
}

.top-servi .parap {
	width: 100%;
	font-weight: 300;
	color: #000;
	font-size: 14px;
	padding: 0 12px;
	line-height: 1.5;
	margin: 1px auto 10px
}

.last--top-ser {
	min-height: 431px;
	position: relative
}

.top-servi.top-servi3 {
	height: 156px
}

.top-servi .content h3 a {
	font-size: 20px;
	line-height: 1.3rem
}

.top-servi .content h3 {
	padding-top: 15px;
	padding-left: 20px;
	line-height: 1.7rem;
	padding-right: 10px
}

.top-servi .content p {
	padding-left: 20px;
	padding-right: 20px
}

.top-servi.top-servi2 .btn {
	margin-bottom: 14px
}

.top-servi {
	margin-bottom: 19px
}

.servicesection ul {
	max-width: 800px;
	display: -ms-flexbox;
	display: flex;
	margin: auto;
	justify-content: center
}

.servicesection ul li {
	margin: 2px 3px;
	text-align: left;
	display: inline
}

.servicesection .services-details ul li .service-all-details .service-icon {
	margin: 1rem auto;
	opacity: .7;
	-webkit-transition: all .5s;
	transition: all .5s;
	width: 54px;
	aspect-ratio: auto 54/54;
	max-width: 100%;
	height: auto
}

.servicesection ul li .service-all-details b {
	font-size: 14px;
	color: #000;
	font-weight: 500
}

.servicesection .brand-logo ul img {
	width: 29px;
	height: 29px;
	padding: 7px;
	filter: revert;
	background: #3e3e3e;
	border-radius: 7px;
	box-shadow: 7px 5px 6px -2px #7db6b7
}

.servicesection .brand-logo img {
	transform: scale(1);
	transition: .5sease-in-out
}

.servicesection .brand-logoo img.custom-soft-img {
	height: 100%;
	margin-top: 23px;
	position: absolute;
	right: -79px;
	top: -24px;
	border-top-right-radius: 20px
}

.servicesection .brand-logo img:hover {
	transform: scale(.9);
	transition: .5s ease-in-out
}

#showdivsec {
	display: none;
	padding: 3% 1% 0
}

#showdivsec p {
	color: #000;
	font-size: 18px
}

#showdivsec a {
	margin: inherit;
	border: none;
	margin-left: 1%;
	width: auto;
	padding: 11px 17px 10px
}

#showdivsec h3 {
	font-size: 25px;
	font-weight: 600
}

.portdiv {
	background: #fff;
	padding: 6% 0
}

.portdiv .parap {
	margin: 0 0 40px;
	width: 47%;
	opacity: .6;
	color: #000;
	font-size: 18px
}

.portdiv h2 {
	font-family: Poppins;
	color: #000;
	font-size: 2.75rem;
	line-height: 1.2em;
	text-align: left;
	letter-spacing: -1px
}

.portdiv .subtitle {
	font-weight: 500;
	font-size: 20px;
	margin-bottom: 15px;
	color: #2196f3
}

section.our-partners {
	padding: 50px 0
}

.text-part-big {
	font-size: 4rem;
	color: #2b388e;
	line-height: 5.5rem;
	font-weight: 700;
	background: linear-gradient(180deg, #22277c 15%, #4dbdb7 73%, #65c6c1 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0
}

.lt-inner-partner h2 {
	font-size: 31px;
	font-weight: 500
}

.rt-inner-partner img {
	border-radius: 23px
}

.counter-area-partner {
	display: grid;
	grid-template-columns: 5fr;
	width: 100%;
	grid-template-columns: repeat(auto-fit, minmax(217px, 1fr));
	padding: 16px;
	gap: 19px;
	margin-top: 47px
}

.counter-area-partner .count-inner {
	background: #fff;
	background: linear-gradient(0deg, #ccf2f266 47%, #ffffff 86%);
	padding: 45px 8px;
	text-align: center;
	border-radius: 33px
}

.counter-area-partner .count-inner .count-num {
	font-size: 39px;
	color: #000;
	font-weight: 600
}

.count-inner .count-text {
	font-size: 17px;
	font-weight: 400;
	color: #2d2d2d
}

.counter-area-partner .count-inner:nth-child(5) {
	background: #12136e
}

.counter-area-partner .count-inner .count-heading {
	color: #fff;
	font-weight: 600;
	line-height: 1.5;
	font-size: 1rem
}

.counter-area-partner .count-inner:nth-child(5) .count-heading {
	color: #fff;
	margin-bottom: 15px
}

.counter-area-partner .count-inner a.btnchangesa:hover {
	background: #55c7b6;
	color: #fff
}

.image-rt-part {
	position: absolute;
	opacity: 0;
	transition: opacity 1s ease-in-out;
	width: 100%;
	max-height: 100%
}

.image-rt-part.active {
	opacity: 1
}

.anim-text {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	overflow: hidden;
	animation: slideColor 10s forwards infinite
}

.word {
	display: none;
	opacity: 0;
	transform: translateX(-30px) rotate(-10deg);
	position: absolute;
	transition: opacity 1s ease, transform 1s ease
}

.word.active {
	display: block;
	opacity: 1;
	position: relative;
	animation: rollDown 10s forwards infinite
}

.text-part-big {
	display: inline-block;
	position: absolute;
	opacity: 0;
	animation-timing-function: ease
}

@keyframes rollDown {
	0% {
		top: -30px;
		transform: rotateX(-90deg)
	}

	11% {
		top: -10px;
		transform: rotateX(0);
		opacity: 1
	}

	22% {
		top: -7px;
		transform: rotateX(0);
		opacity: 1
	}

	33% {
		top: 50px;
		transform: rotateX(30deg);
		opacity: 0
	}

	50% {
		top: -50px;
		transform: rotateX(30deg);
		opacity: 0
	}

	70% {
		top: -30px;
		transform: rotateX(30deg);
		opacity: 0
	}

	100% {
		top: 0;
		transform: rotateX(30deg);
		opacity: 0
	}
}

.division-services {
	background-color: #02244b;
	padding-top: 39px;
	padding-bottom: 79px
}

.division-services .top-banner-inner-page {
	background: #011c3b;
	margin-top: 65px;
	border-radius: 43px;
	background-size: cover;
	padding: 26px 45px;
	background-repeat: no-repeat
}

.division-services .h1csscommon {
	font-family: Poppins;
	color: #fff;
	font-size: 3rem
}

.division-services .hero-txt {
	width: 60%
}

section.full-stack-partner {
	background-color: #f0efef;
	padding: 87px 0;
	position: relative;
	z-index: 1
}

main.main-wrapper {
	position: relative;
	margin-top: 55px
}

main.main-wrapper .section__title-wrapper {
	position: absolute;
	top: -35px
}

.section-scroll {
	overflow: hidden;
	position: relative
}

.section-scroll .wrapper {
	width: 100%;
	padding-top: 61px;
	margin: 33px auto
}

.section-scroll .list {
	justify-content: flex-start;
	align-items: center;
	height: 78.8vh;
	display: flex;
	position: relative;
	padding: .2rem;
	overflow: hidden
}

.section-scroll .item {
	transition: filter .2s ease-in-out;
	box-sizing: border-box
}

.blurred {
	filter: blur(5px);
	transition: filter .3s ease
}

.section-scroll .item.blurred {
	filter: blur(10px);
	opacity: .6;
	transition: filter .3s ease
}

.list.horizontal-list:before {
	background-image: none
}

.section-scroll .item {
	width: 100vw;
	height: 100%;
	max-width: 100%;
	display: flex;
	border-radius: 49px !important;
	position: absolute;
	inset: 0;
	overflow: hidden;
	background-color: #fff;
	margin-bottom: -10px
}

.section-scroll .item .portfolio-block-area {
	margin: 0
}

.section-scroll .item_number {
	font-size: .9rem;
	height: 1.7rem;
	width: 1.7rem;
	margin-bottom: .5rem;
	border-radius: 50%;
	background-color: #4fc0b6;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 400;
	position: absolute;
	top: .9rem;
	left: .9rem
}

.section-scroll .item_content {
	color: #292929;
	padding: 1.7rem;
	position: relative;
	width: 50%
}

.section-scroll .item_media {
	object-fit: cover;
	width: 50%;
	height: 100%
}

.section-scroll .padding-global {
	padding-left: 2.5rem;
	padding-right: 2.5rem
}

.section-scroll .padding-vertical {
	padding: 2rem
}

.portfolio-description {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	padding: 13px 11px 8px 0
}

.port-bt-info.port-profile-area h6 {
	margin-bottom: 0;
	border-radius: 10px;
	font-size: 14px;
	line-height: 13px
}

.port-bt-info.port-profile-area img.real-caritas,
.port-bt-info.port-profile-area svg {
	width: 33px !important;
	height: 33px;
	margin-right: 7px
}

.port-bt-info.port-profile-area .setht1 {
	margin-top: 0
}

.port-bt-info.port-profile-area {
	margin-top: 17px
}

.portfolio-description .lang-case span {
	position: relative;
	padding-right: 9px;
	font-size: 15px;
	color: #6d6d6d
}

.lang-case span:after {
	position: absolute;
	content: ","
}

.lang-case span:last-child:after {
	content: ""
}

.porfolio-area-list {
	padding: 47px 0
}

.portfolio-block-area {
	border-radius: 49px;
	margin: 15px 0 60px;
	background: #f9f9f9
}

.portfolio-block-area .service--image {
	border-radius: 49px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	cursor: pointer;
	transition: .5s allease;
	background-color: #fff0;
	overflow: hidden;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.portfolio-block-area .service--image a img {
	border-radius: 35px;
	transform: scale(1);
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	transition: .5s all ease
}

.infinite-inner-content .elementor-heading-title {
	padding: 7px 15px;
	background: #dfdfdf;
	display: inline-block;
	margin-bottom: 13px;
	border-radius: 30px;
	color: #000;
	font-size: 15px
}

.portfolio-block-area .service--image:hover img {
	border-radius: 20px;
	transform: scale(1.1)
}

.inner-portfolio-list-area .portfolio-block-area:nth-child(n+1) {
	background-color: #eefaff
}

.inner-portfolio-list-area .portfolio-block-area:nth-child(2n+2) {
	background-color: #f6e9da
}

.inner-portfolio-list-area .portfolio-block-area:nth-child(3n+3) {
	background-color: #e5e5e5
}

.inner-portfolio-list-area .portfolio-block-area:nth-child(4n+4) {
	background-color: #e9f2c0
}

.inner-portfolio-list-area .portfolio-block-area:nth-child(5n+5) {
	background-color: #f6f2d2
}

.project-second-list-block .lt-second-project ul.features li:after {
	width: 6px;
	height: 6px;
	background: #fff;
	position: absolute;
	content: "";
	border-radius: 100%;
	top: 17px;
	right: 6px
}

.project-second-list-block .lt-second-project ul.features li:last-child:after {
	display: none
}

.project-second-list-block .slick-dots {
	bottom: -68px;
	left: 11px
}

.project-second-list-block .slick-dots button {
	border-radius: unset;
	background: #fff;
	width: 16.7rem;
	height: .5rem
}

.project-second-list-block .slick-dots li {
	margin-right: 0;
	margin-left: 0
}

.project-second-list-block.slider .slick-dots .slick-active button {
	background: #241cb1
}

.topbrandul ul {
	display: inline-flex !important;
	flex-wrap: wrap;
	justify-content: left
}

.border-box-third {
	background-color: #fff;
	border-radius: 20px;
	padding: 27px
}

.infinite-inner-content .infi-img-block {
	border-radius: 30px;
	margin-bottom: 23px;
	text-align: center
}

.infinite-inner-content .infi-img-block img {
	border-radius: 30px
}

.infinite-project-list .col-lg-6:nth-child(1) .infinite-inner-content .infi-img-block {
	background-color: #f1e1b1
}

.infinite-project-list .col-lg-6:nth-child(2) .infinite-inner-content .infi-img-block {
	background-color: #cdcedf
}

.infinite-project-list .col-lg-6:nth-child(3) .infinite-inner-content .infi-img-block {
	background-color: #cdcde4
}

.content-block-infinite {
	padding: 0 18px
}

.infinite-project-list .infinite-inner-content .content-block-infinite .port-top-info p {
	margin-top: 6px;
	font-size: 17px;
	font-weight: 400
}

.all-services-content.listdiv {
	margin-bottom: 29px;
	height: 100%
}

.infinite-inner-content .portfolio-description {
	padding: 0
}

.infinite-project-list .row .col-lg-6:nth-child(even) .infinite-inner-content {
	margin-top: 95px
}

.infinite-project-list {
	margin-bottom: 25px
}

.infinite-project-list .row .col-lg-6:nth-child(even) .infinite-inner-content .infi-img-block {
	background-color: #cdcedf
}

.infinite-project-list .row .col-lg-6:nth-child(odd) .infinite-inner-content .infi-img-block {
	background-color: #f1e1b1
}

.content-block-infinite {
	padding: 0 18px
}

.second-list-project .slick-arrow {
	background: #241cb1;
	top: 486px;
	width: 89px;
	height: 33px;
	line-height: 34px;
	font-size: 14px;
	border-radius: 10px
}

.second-list-project .slick-prev {
	left: unset;
	right: 109px
}

.second-list-project .slick-next {
	right: calc(50% - 640px);
	text-indent: 1px
}

.infinite-project-list .col-lg-4 {
	display: flex
}

.rt-contant-bannner textarea {
	background: 0 0;
	border-radius: 0;
	border-top: #fff0;
	border-left: #fff0;
	border-right: #fff0;
	color: #fff
}

.rt-contant-bannner textarea.form-control:focus {
	color: #fff;
	background-color: #fff0;
	border-color: #80bdff;
	box-shadow: unset
}

.rt-contant-bannner label {
	display: block;
	color: #fff
}

.rt-contant-bannner small {
	display: block;
	margin-bottom: 10px;
	color: #ffffffb8
}

.rt-contant-bannner .form-check-input {
	margin-left: -1.75rem;
	width: 17px;
	height: 17px
}

.rt-contant-bannner {
	padding: 26px 17px 0 119px
}

#media-1 .section-title {
	margin-bottom: 0
}

.aboutsectionedit .section-title h2 {
	font-family: Poppins, sans-serif;
	font-size: 35px;
	line-height: 1.2em;
	text-align: left;
	font-weight: 700;
	letter-spacing: 0
}

.aboutsectionedit .section-title h2 span {
	color: #2b388d;
	font-weight: 700;
	font-family: Poppins, sans-serif;
	font-size: 35px;
	font-family: Poppins, sans-serif;
	line-height: 1.5
}

#media-1 .section-title {
	margin-bottom: 50px
}

.aboutsectionedit .section-title p {
	color: #575757;
	padding: 0;
	margin-top: 3px;
	margin-bottom: 0
}

.aboutdiv1 {
	background: #e6f1f3;
	padding: 29px
}

.hexadash-area {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 6px;
	margin-top: 21px;
	margin-bottom: 21px
}

.hexadash {
	width: 100%;
	position: relative;
	padding: 5px;
	height: 100%;
	text-align: center;
	padding: 57px 6px;
	background-size: 100% 100%;
	background-repeat: no-repeat
}

.hexadash::after,
.hexadash::before {
	content: "";
	position: absolute;
	left: -1px;
	width: 0;
	height: 0;
	border-left: 97px solid #fff0;
	border-right: 97px solid #fff0;
	width: 100%;
	display: none
}

.hexadash::before {
	top: -72px;
	border-bottom: 73px dashed #fff
}

.hexadash::after {
	bottom: -62px;
	border-top: 63px dashed #fff
}

.hexadash-area .hexadash img {
	margin-bottom: 4px;
	color: #202b81
}

.hexadash-area .hexadash .hexadash-heading {
	font-size: 13px;
	padding: 0 19px;
	margin-bottom: 3px;
	color: #22328f;
	font-weight: 600
}

.hexadash-area .hexadash p {
	font-size: 11px;
	margin-bottom: 0;
	color: #22328f
}

.textbox h2 {
	color: #fff;
	font-size: 22px;
	font-family: sans-serif
}

.textbox p {
	color: #575656;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 0
}

.media-inner-heading {
	color: #2d2d2d;
	font-weight: 600;
	line-height: 1.5;
	font-size: 1.25rem
}

.aboutdiv2 {
	background: #273085;
	padding: 31px 31px;
	border-radius: 17px;
	display: flex;
	align-items: center
}

.aboutdiv1 ul li img {
	width: 100%
}

.aboutdiv1 ul.certi-logos li {
	display: inline-block;
	width: 16%;
	align-items: center;
	margin-right: 17px
}

.aboutdiv1 ul.certi-logos li .rating-area ul li {
	margin-right: 0;
	margin-bottom: 0
}

.aboutdiv1 ul.certi-logos li .rating-area ul li svg {
	color: #7b7878
}

.aboutdiv1 ul.certi-logos li .rating-area span {
	font-weight: 600;
	color: #7b7878
}

.aboutdiv1.certification ul.certi-logos {
	margin-top: 27px;
	margin-bottom: 41px;
	display: flex;
	flex-wrap: wrap;
	align-items: center
}

.rating-area ul {
	display: flex
}

.aboutdiv1.certification {
	padding: 43px
}

.aboutdiv2 .media-inner-heading {
	color: #fff;
	line-height: 1.6
}

.aboutdiv2 p {
	color: #fff
}

.aboutdiv2 p.poc-area {
	margin-bottom: 52px
}

.inner-pert-area {
	margin: 29px 0
}

.inner-lt-port {
	text-align: center
}

.inner-lt-port .perct-box {
	font-size: 35px;
	color: #fff;
	font-weight: 600;
	line-height: 1.2
}

.inner-lt-port .media-inner-heading {
	font-size: 14px;
	margin-bottom: 2px
}

.inner-lt-port p {
	font-size: 14px;
	color: #fff
}

.staff-inner-area {
	padding: 0 93px 0 32px
}

.staff-area .textbox {
	display: flex;
	height: 100%;
	align-items: end;
	padding: 27px
}

.aboutdiv02 h2 {
	color: #fff;
	display: flex;
	text-transform: uppercase;
	letter-spacing: 0;
	font-family: Poppins, sans-serif;
	padding: 10% 10% 0;
	font-weight: 700;
	font-size: 33px;
	align-items: center
}

.aboutdiv02 img {
	width: 100%;
	position: absolute;
	width: 84%;
	float: right;
	right: 32px;
	bottom: 0
}

.aboutdiv02 {
	background-image: linear-gradient(to bottom, #ac1ec5, #1aa572);
	height: 400px
}

.aboutdiv002 {
	background-image: linear-gradient(to bottom, #e51c6e, #580728);
	height: 400px
}

.clutuc-second {
	display: grid;
	grid-template-columns: 100px 1fr;
	align-items: center
}

.review-content .review-txt {
	color: #fff;
	margin-bottom: 5px;
	font-weight: 600
}

.review-content .rate-inner-area p {
	margin-right: 6px;
	line-height: 31px
}

.review-content img {
	width: 74%;
	margin-bottom: 9px
}

.rate-inner-area {
	display: inline-flex
}

.rate-inner-area p {
	margin-bottom: 0
}

.rate-inner-area ul li {
	margin-bottom: 0
}

.rate-inner-area ul li svg {
	color: #fff
}

.aboutdiv002 h2 {
	color: #fff;
	display: flex;
	text-transform: uppercase;
	letter-spacing: 0;
	font-family: Poppins, sans-serif;
	font-weight: 700;
	font-size: 33px;
	align-items: center;
	justify-content: center;
	height: 400px;
	padding: 11%;
	line-height: 1.4
}

.aboutdiv1:hover {
	background-size: 120%
}

.aboutdiv1 {
	transition: all .9s ease-in-out;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 16px
}

section#testimonial {
	margin-top: 33px;
	margin-bottom: 0
}

.anchor-target {
	position: relative
}

.anchor-target::before {
	content: "";
	display: block;
	height: 100px;
	position: absolute;
	top: -100px;
	left: 0;
	width: 100%;
	visibility: hidden
}

.lang-top-head-title {
	text-align: center
}

.lang-top-head-title p {
	width: 76%;
	margin: 0 auto
}

.lang-top-head-title {
	text-align: center;
	margin-bottom: 2.8rem
}

.lang-top-head-title h2 {
	font-size: 43px;
	line-height: 3.2rem;
	font-weight: 600;
	letter-spacing: -.04rem
}

.student-section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 6% 0;
	align-items: flex-start;
	position: relative;
	z-index: 1
}

.student-left h2 {
	margin-bottom: 17px;
	font-size: 39px
}

.student-left {
	width: 30%;
	position: sticky;
	top: 119px
}

.student-right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	width: 65%
}

.testimonials-center .testimonials-card:first-child {
	margin-top: 0
}

.student-right .testimonials-left {
	width: calc(37.5% - 20px)
}

.testimonials-card .more-questions .downpara {
	line-height: 1.4;
	font-weight: 400;
	margin-bottom: 0
}

.testimonials-card .more-questions {
	margin-top: 42px
}

.testimonials-post:before {
	top: 0;
	background: #a9515112;
	z-index: 1;
	-webkit-transition: background-color .4s ease 0s;
	transition: background-color .4s ease 0s
}

.testimonials-post:after {
	content: "";
	position: absolute;
	top: 10%;
	right: 0;
	bottom: 0;
	background: linear-gradient(to bottom, #fff0 0, rgb(0 0 0 / 55%) 100%);
	left: 0
}

.testimonials-card .downpara {
	font-size: 20px;
	font-weight: 500 !important;
	line-height: 1;
	color: #fff;
	width: 87%;
	margin: auto;
	margin-bottom: 4% !important;
	font-family: Poppins, sans-serif
}

.testimonials-card {
	width: 100%;
	margin-top: 20px;
	position: relative;
	background: #fff;
	border-radius: 10px;
	padding: 12px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 10px 14px 34px rgb(0 0 0 / 5%);
	box-shadow: 10px 14px 34px rgb(0 0 0 / 5%)
}

.testimonials-profile>span {
	font-size: 14px;
	margin-left: 0;
	position: relative;
	top: 3px
}

.testimonials-profile span p {
	font-weight: 100
}

.testimonials-profile span p strong {
	font-weight: 700
}

.testimonials-left .testimonials-profile,
.testimonials-right .testimonials-profile {
	position: absolute;
	z-index: 2;
	bottom: 16px;
	padding: 0 8%;
	left: 0;
	color: #fff
}

.testimonials-profile {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative
}

.testimonials-left .testimonials-post,
.testimonials-right .testimonials-post {
	padding: 55% 0;
	margin: 0
}

.testimonials-post {
	position: relative;
	padding: 33% 0;
	background: #ccc;
	border-radius: 10px;
	text-align: center;
	color: #fff;
	line-height: 0;
	cursor: pointer;
	margin-top: 14px
}

.testimonials-profile-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.testimonials-profile-img {
	width: 60px;
	height: 60px;
	margin-right: 9px
}

.testimonials-profile-img img {
	width: 60px;
	height: 60px;
	box-shadow: 2px 4px 34px rgb(0 0 0 / 13%);
	border-radius: 50%;
	position: relative;
	overflow: hidden;
	border: 5px solid #fff;
	background: #fff;
	margin: 0 auto
}

img.emoji,
img.wp-smiley {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 .07em !important;
	vertical-align: -.1em !important;
	background: 0 0 !important;
	padding: 0 !important
}

.testimonials-center .testimonials-time ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.testimonials-time ul {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 6%;
	color: #8899a6;
	display: none
}

.testimonials-time ul li {
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 5%
}

.testimonials-time ul li img {
	width: auto;
	margin-right: 7px;
	position: relative;
	top: -2px
}

.testimonials-post img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 10px
}

.testimonials-post i.fa.fa-play {
	font-size: 40px;
	position: relative
}

.testimonials-time p {
	color: #8899a6;
	font-size: 16px;
	margin-top: 18px
}

.student-right .testimonials-center {
	width: 62.5%
}

.testimonials-center .testimonials-card {
	padding: 17px
}

.testimonials-center .testimonials-card .testimonials-profile .client-word-heading {
	margin-bottom: 0;
	font-size: 16px;
	color: #2d2d2d;
	font-weight: 600
}

.testimonials-center .testimonials-card .testimonials-time p {
	color: #252626;
	font-size: 14px;
	margin-top: 13px
}

.testimonials-center .testimonials-card .testimonials-profile svg {
	color: #53c5b6
}

.testimonial-colored {
	background: #1b1c71
}

.bg-light-primary {
	background: #d2f3f2
}

.testimonials-card14 p {
	color: #fff !important;
	line-height: 1.2;
	font-size: 15px;
	font-weight: 500
}

.testimonials-profile p {
	line-height: 1.2;
	font-size: 15px;
	font-weight: 500
}

.top-bg-project {
	background-color: #e8f2f2;
	padding: 51px;
	margin-top: 25px;
	margin-bottom: 31px;
	border-radius: 20px
}

.top-bg-project .lt-inner {
	padding: 73px
}

.top-bg-project .lt-inner h2 {
	font-size: 37px;
	line-height: 1.4;
	font-weight: 400
}

.top-bg-project .rt-inner {
	background-color: #373e92;
	padding: 51px;
	border-radius: 20px
}

.top-bg-project .rt-inner .rt-inner-heading {
	font-size: 2.9rem;
	font-weight: 500;
	color: #fff
}

.top-bg-project .rt-inner p {
	font-size: 23px;
	line-height: 1.5;
	color: #fff
}

section#logo-1 {
	padding: 30px 0
}

#logo-1 h2 {
	font-family: Poppins, sans-serif;
	color: #000;
	font-size: 32px;
	line-height: 1em;
	text-align: center;
	font-weight: 100;
	letter-spacing: 0
}

#logo-1 h2 span {
	color: #29338e !important;
	font-weight: 700;
	font-family: Poppins, sans-serif;
	line-height: 1.5;
	font-size: 39px
}

.brand-logo {
	margin-bottom: 20px
}

#logo-1 .brand-logo img {
	padding: 10px;
	filter: grayscale(1)
}

.mediapage {
	background: #f8f9fb;
	padding-bottom: 60px;
	padding-top: 37px
}

.mediapage h2 span {
	color: #253088 !important;
	font-weight: 700;
	font-family: Poppins, sans-serif;
	line-height: 1.5;
	font-size: 39px
}

.mediapage h2 {
	font-family: Poppins;
	font-size: 32px;
	line-height: 1em;
	text-align: center;
	font-weight: 100;
	letter-spacing: 0;
	color: #000;
	margin-bottom: 0;
	text-transform: capitalize
}

.video-testimonial-block {
	border-radius: 12px;
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-bottom: 19px
}

.video-testimonial-block .video-thumbnail-bx {
	height: 100%;
	width: 100%;
	position: relative
}

.video-thumbnail-bx img {
	width: 100%
}

.video-testimonial-block .video {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	height: 393px;
	border-radius: 30px
}

.video-testimonial-content h3 {
	font-size: 16px;
	font-weight: 600;
	margin: 0;
	width: 90%
}

.video-testimonial-content p {
	font-weight: 100;
	font-size: 13px
}

.video-testimonial-block .video iframe {
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 30px
}

.video-testimonial-block .video-play-bx {
	position: absolute;
	z-index: 2;
	top: 0;
	text-decoration: none;
	width: 100%;
	background: #0003;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

.video-testimonial-block .video-play-bx::before {
	content: "\f144";
	font: normal normal normal 14px/1;
	font-family: 'Font Awesome\ 5 Free';
	font-weight: 900;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #e8002a;
	background: #fff;
	border-radius: 12px;
	padding: 7px;
	font-size: 38px;
	width: 60px;
	line-height: 47px;
	text-align: center
}

.imggoal {
	margin-right: 11px
}

.imggoal img {
	width: 100%
}

.banner-fuga-inline022 {
	position: relative;
	min-height: 175px;
	max-width: 80%;
	background-image: linear-gradient(to right, #042449, #035eb7);
	overflow: hidden;
	padding: 37px 20px;
	border-radius: 25px;
	margin: 49px auto
}

.banner-fuga-inline022 .heading2.marginauto {
	font-size: 33px;
	margin-bottom: 13px !important
}

.banner-fuga-inline022 p {
	line-height: 1.4;
	color: #fff;
	font-weight: 400;
	font-size: 15px;
	padding-right: 0;
	margin-bottom: 0;
	width: 100%
}

.banner-fuga-inline022 .btn-green {
	font-size: 13px;
	font-weight: 600;
	width: 100%;
	border-radius: 7px !important;
	background-color: #54c7b6 !important;
	background-image: unset;
	border: 1px solid #54c7b6;
	padding: 11px 15px;
	text-transform: uppercase
}

.banner-fuga-inline022 .form-control {
	display: block;
	border-top-right-radius: 8px !important;
	border-bottom-right-radius: 8px !important;
	border-top-left-radius: 8px !important;
	border-bottom-left-radius: 8px !important;
	padding: .575rem .75rem;
	font-size: .9rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #fff;
	border-radius: 8px;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.fullwidht.wf-section form.wpcf7-form .input-group p {
	display: flex;
	justify-content: center;
	align-items: center
}

.fullwidht.wf-section form.wpcf7-form .input-group p span {
	margin-right: 5px;
	width: 100%
}

.banner-fuga-inline022 .form-control {
	padding: .545rem .75rem
}

div#wpcf7-f592-o3 .Captcha-area.captcha-services {
	width: 50%;
	margin-top: 8px
}

div#wpcf7-f592-o3 form .input-group p {
	width: 50%;
	align-items: baseline;
	margin-top: 8px
}

.fullwidht.wf-section form.wpcf7-form .input-group p:nth-child(1) {
	width: 100% !important
}

.fullwidht.wf-section form.wpcf7-form p:nth-child(2) {
	width: 135px
}

form#newsletter-subscribe-form .Captcha-area {
	width: 49%;
	margin-right: 4px
}

.recaptcha-wrapper {
	transform: scale(.6);
	transform-origin: top left;
	-webkit-transform: scale(.6);
	-webkit-transform-origin: top left;
	width: 100%
}

.recaptcha-wrapper2 {
	transform: scale(.77);
	transform-origin: top left;
	-webkit-transform: scale(.7);
	-webkit-transform-origin: top left;
	width: 100%
}

form#newsletter-subscribe-form .Captcha-area .h6-sm {
	color: #fff
}

form#newsletter-subscribe-form .input-group-btn {
	position: relative;
	width: 50%;
	margin-top: 7px
}

.fullwidht.wf-section .wpcf7-response-output {
	border-color: #46b450;
	position: relative;
	color: green;
	background: #fff;
	border: none;
	border-radius: 7px;
	font-size: 14px;
	width: 97%;
	padding: 5px;
	text-align: center;
	margin: 1em .5em 0em
}

.fullwidht.wf-section span.input-group-btn {
	position: relative
}

.fullwidht.wf-section span.wpcf7-spinner {
	position: absolute;
	width: 20px !important;
	height: 20px;
	left: -18px;
	top: 15px
}

.fullwidht.wf-section span.input-group-btn br {
	display: none
}

.banner-fuga-inline022 .btn-green {
	background-color: #54c7b6 !important
}

.banner-fuga-inline022 {
	background-image: linear-gradient(to right, #35337c, #009d93) !important
}

.fullwidht.wf-section form.wpcf7-form p:nth-child(2) br {
	display: none
}

.fullwidht.wf-section form.wpcf7-form .input-group .wpcf7-spinner {
	position: absolute
}

#con-alert-message {
	z-index: 99
}

#con-alert-message span {
	background: #fff;
	display: block;
	padding: 4px;
	margin-bottom: 14px;
	margin-top: 6px;
	border-radius: 8px;
	color: #209f5a;
	font-size: 13px;
	position: relative;
	width: 100%
}

button#consultation-submit {
	margin: 6px auto
}

div#alert-message {
	background: #58cbb6fc;
	border-radius: 10px;
	margin-top: 6px
}

div#alert-message span {
	border-radius: 7px;
	text-align: center;
	position: relative;
	width: 100%;
	padding: 7px;
	font-size: 15px;
	display: block;
	margin-bottom: 10px
}

div#alert-message span.success {
	background: #c0ebc0;
	color: green
}

div#alert-message span.danger {
	background: #f6dae0;
	color: #c20707
}

@keyframes loading {
	to {
		transform: rotate(360deg)
	}
}

.bizbrolly-locations {
	background: #02386f;
	background: linear-gradient(90deg, #02386f 31%, #06678c 64%, #1a94b5 92%);
	padding: 43px 0 0;
	border-top: 7px solid #5bcbb8;
	border-bottom: 7px solid #5bcbb8
}

.ft-area-most {
	background: #279cbb;
	padding: 10px
}

.ft-area-most a {
	border-radius: 0;
	color: #fff;
	font-size: 21px;
	font-weight: 600
}

.ft-area-most:hover {
	background: #5aceb5
}

.ft-area-most a:hover {
	color: #fff
}

.bizbrolly-locations .inner-div {
	display: block;
	text-align: center;
	opacity: .7;
	transition: .3s ease-in-out
}

.download-book-top-area {
	padding-left: 51px
}

.bizbrolly-locations .inner-div:hover {
	opacity: 1
}

.bizbrolly-locations .inner-div p {
	font-size: 13px;
	color: #fbfbfb;
	font-weight: 300;
	padding: 0 15px;
	line-height: 1.7;
	margin-top: 7px;
	font-family: Poppins
}

.bizbrolly-locations .inner-div .footer-bottom-heading {
	margin-top: 13px;
	font-weight: 600;
	line-height: 1.5;
	color: #f0f0f0;
	font-size: 1.5rem
}

.bizbrolly-locations .inner-div img {
	display: block;
	margin: 0 auto;
	height: 123px;
	filter: invert(1);
	max-width: 100%
}

.bizbrolly-locations .container img.logo {
	padding-left: 0;
	width: 149px
}

.bizbrolly-locations .bottomimg {
	position: absolute;
	bottom: 0;
	filter: invert(1);
	opacity: .1;
	left: 0;
	width: 100%
}

.foots-links {
	display: flex
}

.foots-links li {
	margin-right: 51px;
	color: #fff
}

.foots-links li .h5-sm {
	color: #f7fcff;
	margin-bottom: 1px;
	font-weight: 600;
	font-size: 17px
}

.foots-links li p {
	color: #fff !important;
	font-size: 13px;
	margin-bottom: 9px;
	text-decoration: none
}

.foots-links li p a {
	color: #fff !important;
	font-weight: 300 !important
}

.about-second-area {
	padding: 90px 0 31px
}

.dropdown-menu {
	pointer-events: auto !important
}

.flip-box:hover .flip-box-inner {
	transform: rotateY(180deg)
}

.flip-box-front img {
	height: 50px;
	width: 50px
}

.blinking-dots .dot:nth-child(1) {
	animation-delay: 0s
}

.blinking-dots .dot:nth-child(2) {
	animation-delay: .3s
}

.blinking-dots .dot:nth-child(3) {
	animation-delay: .6s
}

@keyframes blink {

	0%,
	100% {
		opacity: 0
	}

	50% {
		opacity: 1
	}
}

.succes-box:hover {
	box-shadow: 0 30px 50px -8px #00000096
}

.succes-box:nth-child(2) {
	top: 178px;
	position: relative;
	left: -64px;
	transform: rotateZ(5deg)
}

.succes-box:nth-child(3) {
	top: -1px;
	transform: rotateZ(-19deg);
	left: -141px
}

.succes-box:nth-child(4) {
	transform: rotateZ(3deg);
	left: -210px;
	top: 147px
}

.succes-box:nth-child(5) {
	left: -393px;
	top: -46px
}

.succes-box .social-bx svg {
	width: 38px;
	height: 39px;
	color: #3c3c3c
}

.top_title_wrapper {
	margin-bottom: 77px
}

.top_title_wrapper .top_title {
	font-size: 47px;
	color: #fff;
	font-weight: 300;
	line-height: 1.2
}

.lt-info-detail ul>li>span svg {
	color: #5acfb5
}

.lt-info-detail ul li span {
	padding-right: 5px;
	color: #cbd0da
}

.lt-info-detail ul li {
	display: inline-block;
	width: 268px;
	margin-bottom: 11px
}

.zoom-image-wrapper {
	position: relative;
	width: 89%;
	overflow: hidden;
	z-index: 9;
	border-top-left-radius: 97px;
	border-bottom-right-radius: 97px
}

.zoom-image-wrapper img {
	transform: scale(1);
	overflow: hidden;
	transition: .8s ease-in-out
}

.zoom-image-wrapper:hover img {
	transform: scale(1.1);
	transition: .8s ease-in-out
}

#vedio-pf .modal-content button.btn.btn-link.btn-close svg,
.vedio-popup .modal-content button.btn.btn-link.btn-close svg {
	color: #fff;
	width: 33px;
	height: 33px;
	border-radius: 100%;
	border: 2px solid #fff;
	padding: 5px
}

#vedio-pf .modal-content button.btn.btn-link.btn-close,
.vedio-popup .modal-content button.btn.btn-link.btn-close {
	position: absolute;
	right: -47px;
	top: -45px
}

.leader-detail h6 {
	margin-bottom: 2px
}

.profile-area {
	display: flex;
	align-items: start
}

.profile-area .img-pf-leader img {
	width: 50px;
	height: 50px;
	margin-right: 10px;
	border-radius: 100%
}

.about-leadership-inner .slick-initialized .slick-slide {
	background: #fff;
	border-radius: 25px;
	box-shadow: 0 0 25px 0 rgb(43 171 160 / 6%)
}

.about-leadership-inner .profile-area .leader-detail p {
	color: #55c8b6;
	font-size: 15px
}

.about-leadership-inner .card .card-body p {
	font-size: 14px
}

.swiper-slide-active {
	opacity: 1
}

.product-cat-navigation {
	display: flex;
	z-index: 9;
	text-align: center;
	align-items: center;
	justify-content: space-between;
	background-color: #02244b;
	transition: .5s all ease;
	position: absolute;
	width: 100%;
	left: 0;
	padding: 0 18px
}

.product-cat-navigation a.navbar-brand.logo_two span {
	font-size: 14px;
	color: #fff;
	margin-left: 10px;
	margin-top: 21px
}

.product-cat-navigation a.navbar-brand.logo_two {
	display: flex;
	align-items: center;
	visibility: hidden
}

.product-cat-navigation .hometopbtn {
	visibility: hidden
}

.product-cat-navigation.sticky a.navbar-brand.logo_two {
	visibility: visible
}

.product-cat-navigation.sticky .hometopbtn {
	visibility: visible
}

.prod-cat-nav {
	white-space: nowrap;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	padding: 23px 0
}

.prod-cat-nav li {
	border-right: 1px solid rgb(255 255 255 / .5);
	padding: 6px 29px;
	display: inline-block
}

.prod-cat-nav li:last-child {
	border-right: 0
}

.prod-nav-link {
	font-size: 16px;
	color: #fff;
	margin: 0;
	display: block;
	line-height: 19px;
	font-weight: 500;
	position: relative
}

.product-cat-navigation.sticky {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	bottom: inherit;
	z-index: 999
}

.link--arrowed {
	display: block !important;
	height: auto;
	line-height: 2rem
}

.link--arrowed .arrow-icon {
	position: relative;
	top: -1px;
	transition: transform .3s ease;
	vertical-align: middle
}

.link--arrowed .arrow-icon--circle {
	transition: stroke-dashoffset .3s ease;
	stroke-dasharray: 95;
	stroke-dashoffset: 95
}

.link--arrowed:hover .arrow-icon {
	transform: translate3d(5px, 0, 0)
}

.link--arrowed:hover .arrow-icon--circle {
	stroke-dashoffset: 0
}

.in-careerpagelogoshow {
	display: none
}

.heading--h4 .bold {
	font-size: 23px;
	margin-right: 10px;
	color: #90d9d0
}

.paragraph {
	font-size: 15px;
	margin: 0 0 1.6rem;
	color: #4f4f4f;
	font-weight: 300;
	padding-right: 30px
}

@keyframes bannermove {
	0% {
		transform: translate(0, 0)
	}

	100% {
		transform: translate(-50%, 0)
	}
}

@keyframes bannermove2 {
	0% {
		transform: translate(-50%, 0)
	}

	100% {
		transform: translate(0, 0)
	}
}

.section {
	padding-top: 60px;
	padding-bottom: 60px;
	background: #fff
}

.openrole .txt-block .ibox-5 .h5-sm:hover {
	color: #56cab5
}

.howrole h2 {
	font-weight: 100;
	font-size: 35px
}

.howrole h2 span {
	font-weight: 800;
	font-size: 35px;
	color: #29338a
}

.openrole form {
	position: absolute;
	right: 0;
	top: 24%;
	width: 28%;
	margin-top: auto
}

.openrole select.form-control:not([size]):not([multiple]) {
	height: calc(3.25rem + 2px)
}

.openrole .form-control {
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box
}

.openrole .custom_container h1 {
	font-size: 51px;
	padding-right: 24%;
	font-weight: 100
}

.openrole .apply-btn {
	padding: 14px 38px;
	display: inline-block;
	font-size: 16px;
	line-height: 17px;
	color: #fff;
	background-color: #000;
	border-radius: 30px
}

.location-commitment {
	font-size: 14px;
	color: #0e2033;
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
	letter-spacing: -.01em
}

.jobs-list .job-item.BusinessSystems:focus .right-job-info,
.jobs-list .job-item.BusinessSystems:hover .right-job-info {
	opacity: 1;
	transition: .3s ease-in-out
}

.award-video {
	background: #000;
	padding: 27px 27px 27px;
	border-radius: 20px;
	margin-bottom: 20px
}

.award-section .col-md-8 {
	padding-left: 11px;
	padding-right: 11px
}

.award-section .col-md-4 {
	padding-left: 11px;
	padding-right: 11px
}

.mediabutton {
	margin: auto;
	margin-top: 3%;
	background-image: linear-gradient(to right, #3e54b6, #3f51b5);
	padding: 12px 40px;
	color: #fff
}

.mediabutton:hover {
	margin: auto;
	margin-top: 3%;
	background-image: linear-gradient(to right, #000, #000);
	padding: 12px 40px;
	color: #fff
}

.video-wrapper iframe {
	height: 380px
}

.custom-play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 50px;
	color: #fff;
	background: rgb(0 0 0 / .6);
	padding: 20px;
	border-radius: 50%
}

.testsection-div1 .video-testimonial-block .video-play::before {
	content: "\f144";
	font: normal normal normal 14px/1;
	font-family: 'Font Awesome\ 5 Free';
	font-weight: 900;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 50px;
	color: #fff;
	background: #ffffff59;
	border-radius: 12px;
	padding: 36%;
	font-size: 38px
}

.third-project-area {
	padding: 0 0 34px
}

.third-project-center-area {
	background: #fff;
	border-radius: 20px;
	text-align: center
}

.third-project-center-area .col-lg-12 {
	position: relative;
	background: linear-gradient(to right, #4fc0b6, #2a398a);
	padding: 3px;
	border-radius: 20px
}

.contact-pagebanner-div2 .integrationcss .features__list ul li:after {
	display: none
}

.contact-pagebanner-div #input-phone .h6-sm {
	color: #fff
}

.contact-pagebanner-div #input-phone input#Captcha {
	background: #fff0;
	color: #fff
}

.contact-pagebanner-div .btn-blue {
	color: #fff;
	background-color: #192d8a;
	border: none;
	border-radius: 4px;
	width: auto;
	padding: 18px 41px;
	float: right
}

.contact-sep-line span:after {
	position: absolute;
	left: 0;
	width: 100%;
	border: 5px solid #54c7b6;
	content: "";
	top: 0;
	z-index: -1
}

.contact-pagebanner-div2 .h33 {
	font-size: 46px !important;
	margin-bottom: 1%;
	color: #0e0e0e
}

.contact-pagebanner-div .col-md-6.col-xl-6.order-md-1.order-2 h2 {
	font-size: 35px;
	padding-right: 31%;
	font-weight: 100;
	padding-left: 2%;
	padding-bottom: 15px
}

.contactnumber-click {
	font-size: 23px !important;
	color: #2196f3 !important
}

.contactnumber-click a {
	font-size: 24px !important;
	font-weight: 500 !important
}

.contact-pagebanner-div .col-md-6.col-xl-6.order-md-1.order-2 span {
	color: #29338a;
	font-weight: 700
}

#input-phone .h6-sm {
	width: 300px;
	font-size: 16px;
	margin-top: 12px;
	text-align: left;
	color: #2d2d2d;
	font-weight: 600;
	line-height: 1.5
}

#input-phone input#Captcha {
	background: #fff;
	border: none;
	border-bottom: 1px solid #ccc;
	border-radius: 0
}

.full-stack-partner .full-stack-block:after {
	content: "";
	position: absolute;
	top: 295px;
	left: -40px;
	right: -40px;
	bottom: -76px;
	border: 2px dashed #485bdc;
	border-radius: 24px;
	z-index: -1
}

.e-con-box.seprator-3 .e-con-content-area:before {
	position: absolute;
	content: "";
	background-color: #302b738c;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	border-radius: 20px;
	background: #f6f1ff;
	background: radial-gradient(circle, rgb(11 11 11 / 73%) 0, rgb(1 5 27 / 80%) 46%, rgb(3 4 34 / 65%) 86%, rgb(16 19 106 / 64%) 96%)
}

.card-header:after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background: #fff0 linear-gradient(270deg, #11184e 0, #4b5ee9 50%, #121a51 100%) 0 0 no-repeat padding-box;
	bottom: 0
}

.all-serivices-list h2.top_title {
	line-height: 1.3
}

.all-serivices-list {
	padding: 37px 0
}

.all-services-content h3 {
	font-size: 2.25rem;
	margin-bottom: 1.25rem;
	letter-spacing: -.0625rem;
	font-weight: 600
}

#myCarousel .carousel-item .portfolio-description h3 a:hover {
	background-color: #fff0;
	color: #5aceb5
}

.all-services-content p {
	max-width: 41.875rem;
	padding-bottom: 1em;
	white-space: break-spaces;
	font-size: 1.125rem;
	line-height: 1.875rem;
	letter-spacing: -.031rem;
	margin-bottom: 0
}

.service--image img {
	max-width: 100%;
	border-radius: 39px
}

.listdiv .portfolio-description ul.features {
	display: flex;
	position: relative;
	flex-wrap: wrap;
	color: #434242;
	font-size: .9rem;
	line-height: 2
}

.listdiv .portfolio-description ul.features li {
	padding: 6px 17px 4px 0;
	border-radius: 34px;
	position: relative
}

.banner-hero-txt ul.features li {
	color: #ffffffa8
}

.listdiv .portfolio-description ul.features li:after {
	width: 6px;
	height: 6px;
	background: #919191;
	position: absolute;
	content: "";
	border-radius: 100%;
	top: 17px;
	right: 6px
}

.listdiv .portfolio-description ul.features li:last-child:after {
	display: none
}

.e-con-box {
	position: relative;
	margin-top: 59px
}

.heading-text-econ {
	align-items: baseline;
	font-size: 20px;
	font-weight: 400;
	color: #57cbb6;
	padding-left: 13px
}

.e-con-inner-box p {
	color: #fff;
	font-size: 23px
}

.e-con-content-area {
	background-repeat: no-repeat;
	background-size: auto;
	padding-top: 63px;
	padding-bottom: 63px;
	margin-bottom: 57px;
	text-align: center;
	border-radius: 20px;
	background-position: center;
	background-size: cover
}

.info-blocks {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 16px
}

.listdiv .portfolio-description strong {
	font-size: 17px;
	font-weight: 600;
	color: #000;
	margin-bottom: 5px;
	display: block
}

.listdiv .portfolio-description .port-top-info>p {
	margin-top: 0;
	line-height: 1.6;
	font-size: 17px;
	font-weight: 400
}

.listdiv .portfolio-description h2 {
	font-weight: 600
}

.port-bt-info {
	margin-bottom: 11px
}

.prod-cat-nav {
	scrollbar-color: #011834 #011834
}

.applypg {
	background: #f1f7f6;
	padding: 4rem 1rem 2rem;
	margin-bottom: 41px
}

.logoapplypg {
	position: sticky;
	top: 0;
	background: #fff;
	z-index: +9;
	padding: 1% 19% 1%
}

.logoapplypg img {
	width: 18%
}

section.Apply-Form-area {
	padding: 70px 0
}

#applyfooter .footer-socials-links {
	display: inline-flex;
	margin: auto;
	text-align: center;
	float: inherit
}

#applyfooter .leftcol {
	margin-left: 0;
	color: #fff;
	font-size: 20px;
	font-weight: 600
}

#applyfooter {
	background: url(images/world-map.png) center no-repeat #edeef1;
	background-size: auto 90%;
	padding-top: 174px;
	padding-bottom: 23px
}

.hireform .btn {
	display: block;
	margin: 3% auto
}

.apply-form label {
	font-weight: 400;
	padding-left: 4px;
	font-size: 14px
}

.apply-form {
	background: #e8fffb8f;
	padding: 129px;
	padding: 140px 140px 140px 140px;
	border-top-left-radius: 167px;
	border-bottom-right-radius: 167px
}

.apply-form select.form-control:not([size]):not([multiple]) {
	height: calc(2.25rem + 11px)
}

.apply-form .form-group {
	margin-bottom: 9px
}

.apply-form input.form-control.upload-pad {
	padding: 10px
}

.apply-form h3 {
	font-size: 35px;
	text-align: center;
	font-weight: 500;
	margin-bottom: 42px
}

.project-goal-list .ibox-4.active p,
.project-goal-list .ibox-4:hover p {
	color: #fff
}

.project-goal-list .ibox-4.active .fbox-4-heading,
.project-goal-list .ibox-4:hover .fbox-4-heading {
	color: #fff
}

.project-goal-list .ibox-4.active,
.project-goal-list .ibox-4:hover {
	background-color: #54c7b6
}

.banner-fuga-inlineexpr {
	position: relative;
	margin-top: 0;
	margin-bottom: 8%;
	background-image: linear-gradient(90deg, #273589, #04a298);
	position: relative;
	min-height: 279px;
	max-width: 87%;
	padding: 4% 4%;
	border-radius: 25px;
	margin: 26px auto 68px auto
}

.banner-fuga-inlineexpr img {
	width: 43%;
	float: right;
	position: absolute;
	right: 0;
	bottom: 0
}

.banner-fuga-inlineexpr p {
	color: #fff;
	font-weight: 400;
	font-size: 19px;
	padding-right: 44%;
	margin-bottom: 2%
}

.banner-fuga-inlineexpr .btn-green {
	color: #040404;
	text-transform: capitalize;
	background-color: #fff;
	border-color: #fff0;
	background-image: none;
	font-size: 16px;
	width: fit-content
}

.rt-tech-area .title {
	font-size: 1.7rem;
	font-weight: 600;
	margin: 0 0 .85rem;
	color: #1d1d1d
}

.project-feature-conter .col-lg-3:nth-child(2) .project-count-inner {
	background: #f9eaed
}

.project-feature-conter .col-lg-3:nth-child(3) .project-count-inner {
	background: #e1ffe3
}

.project-feature-conter .col-lg-3:nth-child(4) .project-count-inner {
	background: #e7d9ff
}

.arrow-prenext-area:nth-child(2) {
	text-align: right
}

.arrow-prenext-area:hover .pre-next-h4,
.arrow-prenext-area:hover span,
.arrow-prenext-area:hover span svg {
	color: #5bcbb8
}

.print-features-section .press-post .blog-post-txt {
	padding: 17px 19px
}

.print-features-section .video-testimonial-block {
	border-radius: 12px 12px 0 0
}

.print-features-section .press-content:hover h4 {
	color: #4cbcb7
}

#hero-8 {
	background-color: #29338a !important;
	padding-top: 130px;
	padding-bottom: 60px
}

#hero-8 p {
	padding-right: 10%
}

#hero-8 .hero-txt .stores-badge {
	display: flex;
	flex-wrap: wrap;
	margin-top: 29px
}

.main-policy-area {
	margin-bottom: 67px;
	padding-top: 37px
}

.main-policy-area .section__title-wrapper .subtitle {
	color: #444;
	font-size: 39px;
	font-weight: 600;
	font-family: Poppins, sans-serif
}

.section__title-wrapper {
	margin-bottom: 41px
}

.mainset .section-nav a:focus,
.mainset .section-nav a:hover {
	color: #5aceb5
}

.section-nav li.active>a {
	color: #333;
	font-weight: 500
}

.rightside.policy-area {
	padding-top: 31px
}

.section-nav ol li::marker {
	padding-left: 10px;
	margin-right: 8px;
	color: #000;
	font-weight: 400
}

.rightside.policy-area ul {
	list-style: disc;
	padding-left: 35px;
	color: #222;
	line-height: 1.9;
	font-weight: 300;
	margin-bottom: 20px
}

.rightside.policy-area ul li {
	font-size: 1rem;
	line-height: 1.9
}

.rightside.policy-area ul li ol {
	list-style-type: circle;
	padding-top: 17px;
	padding-bottom: 17px
}

.section-nav ol li ol {
	list-style-type: circle;
	padding-left: 15px
}

.section-nav ol li span {
	padding-right: 5px;
	font-weight: 400
}

.rightside.policy-area b {
	font-weight: 500
}

.rightside.policy-area h2 {
	font-weight: 600;
	font-size: 23px;
	margin-bottom: 20px
}

.rightside.policy-area .hireform h3 {
	font-size: 19px;
	font-weight: 600
}

.sitemap-section {
	padding-top: 97px;
	padding-bottom: 29px;
	background-color: #f1f1f1
}

.sitemap-area ul li {
	display: inline-flex;
	margin-bottom: 9px;
	padding: 7px 7px;
	border: 1px dashed #798281;
	margin-right: 9px;
	border-radius: 11px
}

.sitemap-section .h1csscommon {
	font-size: 33px
}

.sitemap-area .site-title {
	padding: 9px;
	color: #0c0c0c;
	font-size: 19px;
	font-weight: 600;
	margin-bottom: 5px;
	transition: .5s ease-in-out
}

.sitemap-area .site-title a:hover {
	color: #039b92;
	text-decoration: underline
}

.sitemap-area ul {
	padding: 8px 19px;
	display: flex;
	flex-wrap: wrap
}

.list-sitearea .list-content h6 {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 0
}

.list-sitearea .list-content p {
	font-size: 12px;
	line-height: 17px;
	margin-bottom: 0
}

.list-sitearea .icon-bx img {
	width: 23px
}

.list-sitearea .icon-bx {
	background: #f4fffe;
	padding: 2px;
	margin-right: 9px;
	border-radius: 5px;
	width: 31px;
	height: 31px;
	line-height: 21px;
	text-align: center
}

.list-sitearea {
	margin-bottom: 23px;
	margin-right: 35px
}

.top-heading-title svg {
	transform: rotatez(-36deg);
	margin-left: 12px;
	transition: .3s ease-in-out
}

.list-sitearea ul li:hover {
	background: #01a39b;
	border-color: #00948d;
	transition: .3s ease-in-out
}

.list-sitearea ul li:hover .list-content .top-heading-title svg {
	fill: #fff;
	transform: rotatez(-1deg);
	transition: .3s ease-in-out
}

.list-sitearea ul li:hover .list-content p {
	color: #fff;
	transition: .3s ease-in-out
}

.list-sitearea ul li:hover .list-content h6 {
	color: #fff;
	transition: .3s ease-in-out
}

.list-sitearea>h6 {
	padding: 5px 20px;
	font-size: 17px;
	font-weight: 600;
	color: #d0d0d0;
	margin-bottom: 0
}

.sitemap-block {
	padding: 39px 0
}

.list-sitearea span.top-arrow-title svg {
	transform: rotateZ(0);
	width: 21px;
	height: 21px;
	margin-left: 7px;
	transition: .3s ease-in-out
}

.list-sitearea .site-title a:hover span.top-arrow-title svg {
	transform: rotateZ(-27deg);
	transition: .3s ease-in-out
}

section.blog-section-area {
	margin-top: 99px
}

.pad-rt-30 {
	padding-right: 30px
}

.careersection .heading--h1 {
	font-size: 35px;
	font-weight: 600;
	font-family: Poppins, sans-serif
}

.heading--with-divider {
	margin-bottom: 15px
}

.heading--forrest-lyf {
	color: #444;
	font-size: 31px;
	letter-spacing: -.022em
}

.careersection .paragraph {
	font-size: 19px;
	line-height: 1.6;
	margin: 0 0 1.6rem;
	font-family: Poppins, sans-serif;
	padding-right: 2rem;
	color: #2e2d2d
}

.sideblogimg {
	width: 100%;
	border-radius: 17px;
	height: auto
}

#blog-11 {
	background: #fff
}

.blog-section.division {
	margin-bottom: 77px
}

#blog-11 .blog-post {
	box-shadow: rgb(100 100 111 / .2) 0 7px 29px 0;
	margin-bottom: 26px;
	background: #fff;
	border-radius: 17px;
	width: 100%
}

.blog-section .row .col-md-6.col-lg-4 {
	display: flex;
	flex: 100%;
	flex-wrap: wrap
}

#blog-11 .blog-post .blog-post-txt .blogdes {
	font-size: 16px;
	color: #2e2d2d;
	margin-bottom: 10px;
	font-family: Poppins, sans-serif;
	font-weight: 300
}

#blog-11 .blog-post-txt {
	padding: 17px 19px
}

.date-bx {
	font-size: 15px;
	margin-bottom: 9px;
	font-weight: 300;
	color: #313131
}

#blog-11 h5 a {
	font-size: 17px;
	color: #333;
	line-height: 25px;
	font-family: Poppins, sans-serif;
	letter-spacing: .1px;
	font-weight: 600
}

#blog-11 h5 a:hover {
	text-decoration: none;
	color: #52c4b6
}

#blog-11 .section__title-wrapper h2 {
	font-family: Poppins;
	font-size: 37px;
	line-height: 1em;
	text-align: left;
	font-weight: 100;
	letter-spacing: 0;
	color: #000;
	margin-bottom: 9px;
	text-transform: capitalize
}

#blog-11 .section__title-wrapper h2 span {
	color: #253387 !important;
	font-weight: 700;
	font-family: Poppins, sans-serif;
	font-size: 39px;
	font-family: Poppins, sans-serif;
	line-height: 1.5
}

div#latest_blog {
	display: flex;
	flex-wrap: wrap
}

div#latest_blog .blog-item {
	flex: 0 0 50%;
	max-width: 50%;
	display: flex;
	flex-wrap: wrap
}

div#latest_blog .blog-item img {
	width: 100%
}

.blog-item {
	padding: 5px
}

#blog-11 .leadmagnet .blog-post {
	background: #e0f2f1
}

#blog-11 .leadmagnet .blog-post-img {
	padding: 19px;
	margin: auto;
	display: block;
	text-align: center;
	width: 100%;
	background: #01988f;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px
}

.leadmagnet .blog-post-img img {
	height: 100%
}

#blog-11 .leadmagnet .blog-post {
	background: #01988f !important
}

#blog-11 .leadmagnet .blog-post-txt {
	padding: 19px
}

#blog-11 .leadmagnet .blog-post-txt.setheighttext {
	padding-top: 0
}

.blog-post-txt .subtitle a:hover {
	text-decoration: none;
	color: #2f95ba;
	transition: .3s ease-in-out
}

.blog-post-txt .subtitle {
	color: #1b1b1b;
	font-size: 16px;
	font-weight: 700;
	font-family: Poppins, sans-serif;
	transition: .2s all ease
}

.blog-post-txt .subtitle:hover {
	color: #57cbb6
}

.blog-post-img.mb-25 {
	margin-bottom: 15px
}

#blog-11 .blog-post-txt.setheighttext h5 {
	margin-bottom: 2px;
	height: 51px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: 8px;
	font-size: 16px;
	font-weight: 500;
	color: #605e5e;
	line-height: 25px;
	font-family: Poppins, sans-serif;
	letter-spacing: .1px
}

.blog-post.cat-blog-post img {
	max-width: 100%;
	height: auto;
	border-radius: 15px 15px 0 0;
	width: 100%
}

.blog-post-txt h5 {
	margin-bottom: 13px;
	margin-top: 7px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

#blog-11 .leadmagnet .hometopbtn a {
	padding: 11px 14px !important;
	background-color: #fff;
	border-color: #fff;
	background-image: none;
	border-radius: 27px;
	font-size: 16px !important;
	text-transform: capitalize;
	font-weight: 500;
	text-align: center;
	margin-top: 17px;
	color: #000;
	text-decoration: none;
	font-family: Poppins, sans-serif
}

#blog-11 .leadmagnet .hometopbtn a:hover {
	background-color: #56c9b6;
	border-color: #56c9b5
}

#blog-11 .leadmagnet span.navbar-text.white-color.hometopbtn {
	margin: 0 !important;
	width: 100%;
	color: #fff;
	margin-top: 1% !important
}

#blog-11 .leadmagnet span.navbar-text.white-color.hometopbtn a {
	width: 100%
}

section.blog-section.division {
	margin-top: 71px
}

.blog-section .section__title-wrapper {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between
}

form#searchform {
	width: 100%;
	margin-bottom: 41px
}

.searchform>div {
	display: flex;
	width: 100%
}

.searchdiv #searchsubmit {
	text-transform: capitalize;
	color: #fff;
	font-size: 24px;
	font-weight: 500;
	padding: 21px 91px;
	background: #56cab5;
	font-family: Poppins;
	border: none;
	border-top-right-radius: 13px;
	border-bottom-right-radius: 13px;
	cursor: pointer;
	transition: .5s all ease
}

.searchdiv #searchsubmit:hover {
	background: #36a694
}

.search-reasult-top span {
	font-size: 23px;
	color: #4a4a4a
}

.search-reasult-top {
	text-align: center;
	width: 100%;
	margin-bottom: 30px
}

.screen-reader-text {
	position: relative
}

form#searchform label.screen-reader-text {
	display: none
}

.searchdiv input#s {
	width: calc(100% - 100px);
	font-size: 15px;
	font-weight: 400;
	padding: 0 14px;
	font-weight: 300;
	border-right: 0;
	border: 1px solid #979b9a;
	border-right: 0;
	border-top-left-radius: 11px;
	border-bottom-left-radius: 11px
}

.searchsection {
	padding-top: 187px;
	padding-bottom: 60px;
	background: #fff
}

.searchdiv ul li {
	margin: 5px 3px;
	text-align: center;
	display: inline-block;
	border: none;
	border-radius: 6.25rem;
	font-size: 18px;
	cursor: pointer;
	padding: .35rem 1.375rem;
	transition: color .25s ease-in-out, background-color .25s ease-in-out;
	color: #131313;
	font-weight: 500;
	box-shadow: -4px 13px 8px -4px rgb(255 177 0 / 7%) !important;
	background-color: #dedede;
	color: #fff;
	background-clip: padding-box, border-box
}

.searchdiv ul li a {
	color: #232323;
	font-weight: 300;
	font-family: Poppins, sans-serif;
	font-size: 15px
}

.searchdiv ul li:hover {
	background: #009b94;
	transition: .3s ease-in-out
}

.searchdiv ul li:hover a {
	color: #fff
}

.blog-post .btn-category {
	color: #fff;
	background-color: #1d2278 !important;
	border-color: #2b388d;
	margin: -23px 27px 0;
	border-radius: 9px !important
}

.blog_details_br_content h2 {
	font-size: 54px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 30px
}

.blog_details_br_content .post_details {
	align-items: center
}

.blog_details_br_content .post_details .p_date {
	color: #fff;
	margin-left: 30px;
	font-family: Poppins, sans-serif;
	font-size: 14px
}

.aih-color-two {
	color: #000139;
	font-size: 18px;
	font-weight: 400
}

.aih-hero-counter h5 {
	font-size: 38px;
	font-weight: 600;
	margin-bottom: 0
}

.services-we-offer .flip-box-inner {
	min-height: 220px;
	margin-bottom: 2rem
}

.services-we-offer .flip-box-inner {
	min-height: 220px;
	margin-bottom: 2rem
}

.services-we-offer .flip-box-back {
	background-color: #043978
}

.services-we-offer .flip-box-front {
	background: #fff0 linear-gradient(180deg, #1f3d5f17 0, #043978 100%) 0 0 no-repeat padding-box
}

.services-we-offer .services-box .flip-box-front h5 {
	color: #43e5cb;
	font-size: 1.5rem;
	font-weight: 600
}

.solutions-in-action .detail .h1csscommon {
	font-family: Poppins;
	color: #fff;
	font-size: 2.1rem;
	line-height: 1.2;
	font-weight: 600;
	text-align: center
}

.solutions-in-action .inner-info:hover img {
	transform: scale(1.1)
}

.standards-processes ul li svg {
	margin-right: 11px;
	width: 20px;
	height: 20px
}

.standards-processes ul li {
	font-weight: 400;
	font-size: 17px;
	color: #d4d4d4;
	margin-bottom: 4px
}

.standards-processes ul li svg {
	margin-right: 11px;
	width: 20px;
	height: 20px
}

.standards-processes ul li {
	font-weight: 400;
	font-size: 17px;
	color: #d4d4d4;
	margin-bottom: 4px
}

section.projects-info {
	padding: 30px 0;
	background: #011d3e
}

.projects-info .h1csscommon {
	font-family: "Poppins";
	color: #fff;
	font-size: 3rem;
	line-height: 1.2;
	font-weight: 600
}

.projects-info p {
	font-weight: 400;
	color: #f7f7f7 !important
}

#myCarousel .carousel-item h3 a {
	background: #fff0;
	font-size: 36px;
	color: #FFF;
	padding: 8px 0;
	display: inline-block;
	border-radius: 22px;
	font-weight: 600
}

#myCarousel .info-blocks {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	margin-top: 3rem
}

#myCarousel .info-blocks strong {
	font-weight: 600;
	color: #fff
}

#myCarousel .carousel-item .mask {
	background: #fff0 linear-gradient(180deg, #0e6079 0%, #51c2b6 100%) 0% 0% no-repeat padding-box;
	border-radius: 40px
}

#myCarousel.slide {
	width: 100%;
	height: 530px
}

#myCarousel .carousel-item .mask .container {
	padding: 0
}

#myCarousel .carousel-control-next,
#myCarousel .carousel-control-prev {
	height: 44px;
	width: 44px;
	padding: 11px;
	top: 50%;
	bottom: auto;
	transform: translateY(-50%);
	background-color: #fff0;
	opacity: 1;
	border-radius: 22px;
	border: 2px solid #fff
}

#myCarousel .carousel-item {
	height: 100%
}

#myCarousel .carousel-control-prev {
	display: none;
	left: auto;
	top: 5%;
	right: 6%;
	transform: translateY(0%);
	z-index: +99
}

#myCarousel .carousel-item .btn.setht1:hover {
	background: #000000 !important;
	color: #fff !important
}

#myCarousel .carousel-control-next {
	display: none;
	transform: translateY(0%);
	top: 5%;
	z-index: +99;
	right: 2%
}

#myCarousel .carousel-item .mask .row {
	align-items: center
}

#myCarousel .carousel-item .mask .listdiv .portfolio-description ul.features li {
	color: #fff
}

#myCarousel .carousel-item .mask .listdiv .portfolio-description strong {
	font-size: 17px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 5px;
	display: block
}

#myCarousel .carousel-item .setht1 {
	background-color: #fffbff !important;
	letter-spacing: .5px;
	color: #000000 !important
}

#myCarousel .carousel-item a.btn.setht1 {
	font-size: 14px;
	padding: 9px 11px
}

.copy-block .restaurant {
	font-size: 14px;
	line-height: 20px
}

.copy-block .restaurant {
	font-size: 14px;
	line-height: 20px
}

.thirddiv {
	position: relative;
	transform: translateY(112.1256px)
}

.hop2 {
	left: 47%;
	position: absolute;
	padding: 8px;
	text-align: center;
	margin: auto;
	bottom: 28%;
	color: #fff;
	background: linear-gradient(to right, #03a9f4, #3f51b5);
	border-radius: 100%;
	width: 50px inherit;
	width: 50px;
	height: 50px
}

.hop4 {
	left: 47%;
	position: absolute;
	padding: 8px;
	text-align: center;
	margin: auto;
	bottom: 51%;
	color: #fff;
	background: linear-gradient(to right, #03a9f4, #3f51b5);
	border-radius: 100%;
	width: 50px inherit;
	width: 50px;
	height: 50px
}

.hop3 a::before {
	content: "\f144";
	font: normal normal normal 14px/1;
	font-family: 'Font Awesome\ 5 Free';
	font-weight: 900;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 50px;
	color: #fff;
	background: #ffffff59;
	border-radius: 12px;
	padding: 2%;
	font-size: 38px
}

.lazyloaded1 {
	max-width: inherit;
	right: -68px;
	top: -97px;
	position: absolute
}

.sending-msg .error {
	color: #e74c3c;
	font-size: 14px;
	font-weight: 300;
	margin-bottom: 20px
}

.copy-block .logo {
	margin-bottom: 28px
}

.more-questions {
	margin-top: 80px
}

.hop {
	left: 0;
	right: 0;
	position: absolute;
	padding: 8px;
	text-align: center;
	margin: auto;
	bottom: 40%
}

.hop a::before {
	content: "\f144";
	font: normal normal normal 14px/1;
	font-family: 'Font Awesome\ 5 Free';
	font-weight: 900;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 50px;
	color: #fff;
	background: #ffffff59;
	border-radius: 12px;
	padding: 4%;
	font-size: 38px
}

.review-2 {
	position: relative;
	background-color: #fff;
	border: 1px solid #eee;
	padding: 35px;
	margin-right: 20px;
	margin-left: 20px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 0 0 20px rgb(20 20 20 / .15);
	-moz-box-shadow: 0 0 20px rgb(20 20 20 / .15);
	box-shadow: 0 0 20px rgb(20 20 20 / .15)
}

.review-3 {
	width: 33.33%;
	padding: 0;
	margin: 0
}

.review-1 img {
	width: 90px;
	height: 90px;
	display: inline-block;
	margin: -45px auto 15px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%
}

.boldb .viewa {
	font-weight: 100;
	color: #4460f8;
	margin-top: 5px;
	font-size: 11px;
	margin-bottom: 0
}

#reviews-2 img {
	width: 80px;
	height: 80px;
	position: absolute;
	left: -40px;
	top: -40px;
	display: inline-block;
	margin: 0;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%
}

.review-1 h5 {
	margin-bottom: 15px
}

.review-3 h5 {
	margin-bottom: 20px
}

.review-1 p {
	color: #888;
	font-size: 1.05rem;
	font-style: italic
}

.bg-darkviolet .review-1 p,
.bg-deepviolet .review-1 p {
	color: #757575
}

.review-2 p {
	color: #999;
	font-size: 1.1rem;
	line-height: 1.45;
	font-weight: 400;
	margin-bottom: 6px
}

.review-3 p {
	color: #757575;
	font-size: 1rem;
	line-height: 1.45;
	font-weight: 300;
	font-style: italic;
	margin-bottom: 14px
}

.testimonial-avatar p {
	color: #000;
	font-size: 1.1rem;
	font-family: 'Noto Sans TC', sans-serif;
	line-height: 1.2;
	font-weight: 600;
	letter-spacing: -.5px;
	font-style: normal;
	margin-bottom: 5px
}

.bg-darkviolet .testimonial-avatar p,
.bg-deepviolet .testimonial-avatar p {
	color: #ccc
}

.review-2 a {
	color: #666;
	font-size: .975rem;
	line-height: 1
}

.testimonial-author p,
.testimonial-author p a {
	color: #666;
	font-size: .95rem;
	line-height: 1;
	margin-bottom: 0
}

.review-3 .app-rating {
	margin-bottom: 5px
}

.app-rating .svg-inline--fa {
	color: #ffc832;
	font-size: .915rem;
	line-height: 1
}

.more-reviews {
	margin-top: 70px
}

#reviews-3 .more-reviews {
	margin-top: 40px
}

.more-reviews h5 {
	line-height: 1;
	font-weight: 400;
	margin-bottom: 0
}

.more-reviews a {
	color: #666;
	text-decoration: underline
}

.more-reviews a span {
	color: #333;
	font-weight: 700
}

.more-reviews a:hover {
	color: #111
}

.why-us .zoom-image-wrapper span.span {
	line-height: 1;
	text-align: center;
	margin: auto;
	display: block;
	color: #ffffffcf;
	font-size: 16px;
	letter-spacing: .2px
}

.banner-fuga-inline2 h2 {
	font-size: 44px;
	font-weight: 700;
	margin-bottom: 9px !important;
	color: #fff !important
}

.banner-fuga-inline2 .btn-green:hover {
	color: #fff !important;
	text-transform: capitalize;
	background-color: #fff0;
	border-color: #fff;
	background-image: none;
	font-size: 16px
}

.banner-fuga-inline3 h2 {
	font-size: 44px;
	font-weight: 700;
	margin-bottom: 9px !important;
	color: #fff !important
}

.banner-fuga-inline3 .btn-green:hover {
	color: #fff;
	border: 1px solid #fff;
	text-transform: capitalize;
	background-color: #042449;
	background-image: none;
	font-size: 16px
}

.seperator1 {
	position: relative;
	padding-top: 60px;
	padding-bottom: 60px
}

.separator-2 {
	position: relative;
	min-height: 279px;
	max-width: 87%;
	background: #011d3e;
	border: 2px solid #52bba691;
	overflow: hidden;
	padding: 4% 4%;
	border-radius: 25px;
	margin: 0 auto 0 auto
}

.separator-2 img {
	width: 33%;
	float: right;
	position: absolute;
	right: 0;
	bottom: 0
}

.separator-2 p {
	color: #fff;
	font-weight: 400;
	font-size: 19px;
	padding-right: 44%;
	margin-bottom: 2%
}

.separator-2 .btn-green {
	color: #045fb8;
	text-transform: capitalize;
	background-color: #fff;
	border-color: #fff0;
	background-image: none;
	font-size: 16px
}

.modal-dialog {
	max-width: 953px;
	margin: 1.75rem auto
}

.pop-left {
	background: #fbfbfb;
	border-radius: 21px;
	width: 100%;
	padding: 30px 17px;
	padding-right: 0;
	position: relative;
	background-size: cover
}

.requestpopup .modal-body {
	background: #fbfbfb;
	border-radius: 21px
}

.requestpopup .modal-body h1 {
	font-size: 17px;
	padding: 0 1%;
	font-weight: 100;
	color: #000;
	text-transform: capitalize;
	line-height: 1.1
}

.requestpopup .modal-body h1 span {
	color: #1b3d93;
	font-weight: 400;
	font-size: 36px;
	display: block;
	margin-bottom: 12px;
	padding-right: 12%
}

.pop-left p {
	color: #000;
	font-weight: 500;
	line-height: initial;
	font-size: 19px;
	padding-right: 8%
}

.hero-form .register-form {
	background-color: #fff0;
	padding: 17px 2px 0;
	margin: 0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 0
}

.hero-form .register-form .h4-sm {
	line-height: 1.2;
	letter-spacing: -.5px;
	margin-bottom: 15px;
	font-size: 24px;
	font-weight: 600 !important;
	color: #fff;
	text-align: left
}

.popuplogo .brand-logo {
	margin-bottom: 0;
	padding: 6px 0
}

.popuplogo .brand-logo img {
	padding: 0;
	width: 100%;
	filter: grayscale(1)
}

.modal-dialog {
	max-width: 887px;
	margin: 4.75rem auto !important
}

.modal-body .pop-right {
	background: #1b3d93;
	padding: 1px;
	margin: 7% 7% 7% 0;
	box-shadow: 0 0 40px -22px #000;
	border-radius: 15px
}

.modal-body .register-form .btn.submit:hover {
	display: block;
	width: auto;
	margin: 7% auto 0 !important;
	background-color: #383a3a !important;
	border-color: #383a3a !important;
	border-radius: 4px !important;
	background-image: none !important
}

.modal-body .register-form .form-control {
	background-color: #fff !important;
	border: 1px solid #ffffffb3 !important
}

#exampleModalLong .modal-content {
	border-radius: 21px
}

#exampleModalLong .modal-content {
	position: relative;
	height: auto
}

#exampleModalLong .requset-heading {
	font-size: 27px;
	font-weight: 700;
	color: #383838;
	line-height: 1.4
}

#exampleModalLong .popuplogo {
	padding: 0 1%;
	margin-top: 68px
}

#exampleModalLong .modal-header {
	padding: 0;
	border-bottom: 0
}

.custom-modal-block .modal-content button.btn.btn-link.btn-close,
.vedio-popup .modal-content button.btn.btn-link.btn-close {
	position: absolute;
	right: -47px;
	top: -45px
}

.custom-modal-block .modal-content button.btn.btn-link.btn-close svg,
.vedio-popup .modal-content button.btn.btn-link.btn-close svg {
	color: #fff;
	width: 33px;
	height: 33px;
	border-radius: 100%;
	border: 2px solid #fff;
	padding: 5px
}

#exampleModalLong .modal-header button {
	position: absolute;
	z-index: +999;
	right: 22px;
	top: 21px;
	background: #fff;
	width: 50px;
	height: 50px;
	padding: 5px;
	opacity: 9;
	border-radius: 100%;
	text-align: center;
	box-shadow: 0 0 24px -3px #e7e7e7
}

#exampleModalLong .modal-header button span {
	color: #1b3d93;
	font-weight: 400;
	font-size: 30px;
	display: block;
	text-align: center;
	margin-bottom: 12px;
	padding-right: 12%;
	margin: auto;
	padding: 0
}

#exampleModalLong .popuplogo p {
	text-decoration: underline;
	color: #17b2a3;
	font-size: 20px;
	margin-bottom: 7px;
	font-weight: 600
}

.fillcom {
	color: #e3e3e3 !important;
	margin-bottom: 20px !important;
	font-size: 1rem !important;
	text-align: left !important;
	margin-top: 0 !important;
	line-height: 1.3
}

#exampleModalLong p {
	font-size: 19px;
	font-weight: 300;
	color: #555
}

textarea.wpcf7-form-control.wpcf7-textarea.form-control.h-auto {
	max-height: 81px !important
}

.hero-form .register-form p {
	color: #666;
	margin-bottom: 20px
}

.hero-form .register-form p.p-sm {
	color: #aaa;
	font-size: .8rem;
	font-weight: 400;
	margin-top: 15px;
	margin-bottom: 0
}

.hero-form .register-form p.p-sm a {
	color: #888;
	font-size: .8rem;
	text-decoration: underline
}

.hero-form .register-form p.p-sm a:hover {
	color: #333
}

.hero-form .register-form .form-control {
	background-color: #fff;
	height: 48px;
	font-size: .87rem;
	line-height: 1;
	font-weight: 300;
	padding: 9px 15px;
	margin-bottom: 15px;
	border: 1px solid #ddd;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	box-shadow: none
}

.hero-form .register-form .form-control.wpcf7-not-valid {
	border: 2px solid red
}

.hero-form .register-form .wpcf7-not-valid-tip {
	display: none
}

.hero-form .register-form .wpcf7-response-output {
	color: #fff
}

.hero-form .register-form .form-control:focus {
	border-color: #16a2e0;
	outline: 0 none;
	box-shadow: none
}

.register-form-msg,
.sending-msg {
	width: 100% !important;
	display: block;
	text-align: center
}

.hero-form .register-form .btn.submit:hover {
	color: #fff !important
}

.timeline li:before {
	content: "";
	width: .2rem;
	height: 100%;
	background-color: #52c4b6;
	position: absolute;
	left: 12px;
	z-index: -1
}

.timeline li:first-child:before {
	top: 31%;
	height: 75%
}

.timeline li:last-child:before {
	bottom: 50%;
	height: 50%
}

.pagination .page-numbers {
	font-size: 18px;
	font-weight: 500;
	color: #777;
	position: relative;
	transition: color .3s linear
}

.pagination .page-numbers:before {
	content: "";
	height: 2px;
	background: #0e96bf;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	transition: width .3s linear
}

.pagination .page-numbers.current,
.pagination .page-numbers:hover {
	color: #0abde3
}

.pagination .page-numbers.current:before,
.pagination .page-numbers:hover:before {
	width: 100%
}

.pagination .page-numbers+.page-numbers {
	margin-left: 34px
}

#footer-2 .footer-links {
	margin-bottom: 40px;
	margin: auto;
	justify-content: center;
	display: block
}

.footer .h5-sm {
	margin-bottom: 11px;
	color: #fff;
	font-weight: 600;
	font-family: Poppins;
	font-size: 1.1875rem
}

.footer p.p-lg {
	margin-bottom: 40px
}

.foo-links {
	margin: auto;
	justify-content: center
}

.foo-links li {
	width: auto;
	display: block !important;
	vertical-align: top;
	clear: none !important;
	margin-right: 9px;
	padding: 0
}

.foo-links li p {
	font-weight: 400;
	margin-bottom: 12px
}

.foo-links .svg-inline--fa {
	font-size: 20px;
	line-height: 1;
	margin-right: 3px;
	color: #3f51b5
}

#footer-2 {
	background-size: auto 90%;
	padding-top: 87px;
	padding-bottom: 23px;
	background: #002447
}

#footer-2 ul li a:hover {
	color: #55c8b6;
	text-decoration: none
}

#footer-2 {
	padding-bottom: 23px
}

#footer-2 ul li a {
	color: #e4e4e4;
	font-family: poppins;
	font-weight: 100
}

.left-biz-logo.d-flex {
	align-items: center
}

.footer-socials-links .h5-sm {
	line-height: .8;
	padding: 0 12px
}

.footer-socials-links .h5-sm:last-child {
	border-right: 0;
	padding-right: 0
}

.footer h3.h3-xs {
	font-weight: 300;
	letter-spacing: -1px;
	margin-top: 35px;
	margin-bottom: 10px
}

.footer h3.h3-xs span {
	font-weight: 900
}

.footer-socials-links {
	display: flex;
	margin-left: auto
}

.footer-socials-links .h5-sm a {
	font-family: Poppins;
	font-weight: 300;
	color: #fff;
	white-space: nowrap
}

.footer-socials-links .h5-sm a:hover {
	color: #5aceb5
}

.footer-socials-links a svg {
	width: 23px !important;
	height: 23px
}

.leftcol {
	margin-left: 0;
	color: #fff;
	font-size: 26px;
	font-weight: 600
}

.bottomico .h5-sm {
	width: 34px;
	height: 34px;
	padding: 7px;
	text-align: center;
	margin: 0 3px
}

.banner-fuga-inline3 .btn-green:hover {
	color: #fff;
	text-transform: capitalize;
	background-color: #fff0;
	border-color: #fff;
	background-image: none;
	font-size: 16px
}

.footer-socials-links11 .h5-sm a:hover {
	color: #5aceb5 !important
}

.footer-copyright {
	display: flex;
	align-items: center
}

.footer-socials-links11 .h5-sm a {
	margin-left: 0 !important;
	color: #dcdcdc !important;
	font-size: 15px
}

.footer-socials-links11 {
	float: right
}

.footer-copyright p {
	margin-bottom: 0;
	color: #c7c5c5;
	font-size: 16px
}

.footer-copyright a.foo-instagram {
	width: 161px
}

.bg-darkviolet .footer-copyright p {
	color: #ddd
}

#scrollUp {
	display: none;
	z-index: 99 !important;
	width: 40px;
	height: 40px;
	position: fixed;
	bottom: 141px;
	right: 23px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-image: url(../images/back-to-top.png);
	background-repeat: no-repeat;
	background-position: 50% 48%;
	background-color: #58cbb6;
	-webkit-transition: all 1s linear;
	-moz-transition: all 1s linear;
	transition: all 1s linear
}

#scrollUp:hover {
	background-color: #666
}

.comma1 {
	position: absolute;
	width: 7%;
	opacity: .4;
	top: 6%;
	left: 7%
}

.comma2 {
	position: absolute;
	width: 7%;
	opacity: .4;
	bottom: 6%;
	right: 7%
}

::-webkit-scrollbar {
	width: 7px;
	height: 7px
}

::-webkit-scrollbar-thumb {
	background: #b4b5b5;
	border-radius: 6px
}

::-webkit-scrollbar-track {
	background: #f1f1f1
}

::-webkit-scrollbar-thumb:hover {
	background: #555
}

.section_line {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	display: flex;
	justify-content: space-around
}

.section_line span {
	background: #fff;
	height: 100%;
	width: 1px;
	opacity: .07
}

.custom_pagination.swiper-pagination {
	color: rgb(255 255 255 / .6);
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(30deg);
	width: 32px;
	height: 27px;
	float: right;
	text-align: right;
	left: auto;
	right: 40px
}

.custom_pagination span.swiper-pagination-current {
	position: absolute;
	left: 9px;
	top: -10px;
	font-size: 18px;
	transform: rotate(-30deg);
	color: #fff
}

.custom_pagination span.swiper-pagination-total {
	position: absolute;
	bottom: -3px;
	font-size: 18px;
	transform: rotate(-30deg);
	right: -19px;
	color: rgb(255 255 255 / .5)
}

.social_icon {
	margin-bottom: 0
}

.social_icon li {
	line-height: 15px
}

.social_icon li a {
	font-size: 15px;
	color: #fff;
	display: inline-block
}

.social_icon li+li {
	margin-top: 20px
}

.social_icon.social_icon_two li {
	display: inline-block
}

.social_icon.social_icon_two li+li {
	margin-top: 0;
	margin-left: 15px
}

.video_area .sc_video_inner {
	box-shadow: 0 50px 50px 0 rgb(0 0 0 / .2)
}

.process_area {
	background-image: -moz-linear-gradient(-42deg, rgb(73 49 230 / .9) 0, #4931e6 100%);
	background-image: -webkit-linear-gradient(-42deg, rgb(73 49 230 / .9) 0, #4931e6 100%);
	background-image: -ms-linear-gradient(-42deg, rgb(73 49 230 / .9) 0, #4931e6 100%);
	position: relative;
	z-index: 1
}

.process_area .dot_one {
	left: 0;
	top: 150px;
	z-index: -1
}

.process_area .dot_two {
	right: 0;
	bottom: 100px;
	z-index: -1
}

.process_item {
	color: #fff
}

.process_item img {
	margin-bottom: 30px
}

.process_item h4 {
	font-size: 24px;
	position: relative;
	padding-top: 25px;
	margin-bottom: 25px;
	color: #fff
}

.process_item h4:before {
	content: attr(data-text);
	position: absolute;
	left: 0;
	top: -10px;
	font-size: 60px;
	font-weight: 600;
	color: rgb(255 255 255 / .1)
}

.process_item p {
	margin-bottom: 0
}

.blog-post-img img {
	max-width: 100%;
	border-radius: 15px 15px 0 0;
	width: 100%;
	object-fit: cover
}

.blog-section .section__title-wrapper .subtitle {
	color: #444;
	font-size: 25px;
	font-weight: 600;
	font-family: Poppins, sans-serif
}

@media (min-width:1400px) {
	.container {
		max-width: 1330px !important
	}
}

.blog_list_content {
	background: #fff;
	padding: 30px 50px;
	margin-bottom: 30px
}

.blog_list_content .b_post_info {
	display: flex
}

.blog_list_content .b_post_info .p_date {
	margin-left: 30px
}

.blog_list_content h2 {
	font-size: 30px;
	line-height: 40px;
	color: #101010;
	margin-top: 20px;
	margin-bottom: 18px;
	transition: color .3s linear
}

.blog_list_content h2:hover {
	color: #7a51ed
}

.blog_audio_item .mejs__container {
	padding: 95px;
	background-image: -moz-linear-gradient(-42deg, rgb(73 49 230 / .9) 0, #4931e6 100%);
	background-image: -webkit-linear-gradient(-42deg, rgb(73 49 230 / .9) 0, #4931e6 100%);
	background-image: -ms-linear-gradient(-42deg, rgb(73 49 230 / .9) 0, #4931e6 100%);
	width: 100% !important;
	max-width: 710px
}

.blog_audio_item .mejs__container:before {
	content: "";
	background: url(img/blog/mick.png) no-repeat right top;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 16px;
	right: 40px
}

.blog_audio_item .mejs__container .mejs__controls {
	bottom: auto;
	top: 20px;
	padding: 0 40px;
	background: 0 0
}

.blog_audio_item .mejs__container .mejs__controls .mejs__time-total {
	height: 3px;
	background: #9071f0;
	border-radius: 5px;
	margin-top: 9px
}

.blog_audio_item .mejs__container .mejs__controls .mejs__time-handle-content {
	border: 1px solid rgb(255 255 255 / .9);
	border-radius: 17%;
	height: 3px;
	left: -7px;
	top: -4px;
	width: 10px
}

.blog_audio_item .mejs__container .mejs__controls .mejs__time-buffering,
.blog_audio_item .mejs__container .mejs__controls .mejs__time-current,
.blog_audio_item .mejs__container .mejs__controls .mejs__time-float-corner,
.blog_audio_item .mejs__container .mejs__controls .mejs__time-hovered,
.blog_audio_item .mejs__container .mejs__controls .mejs__time-loaded,
.blog_audio_item .mejs__container .mejs__controls .mejs__time-marker,
.blog_audio_item .mejs__container .mejs__controls .mejs__time-total {
	height: 3px
}

.blog_audio_item .mejs__container .mejs__controls .mejs__horizontal-volume-total {
	top: 19px;
	height: 3px;
	background: rgb(255 255 255 / .5)
}

.blog_audio_item .b_inner {
	margin-top: -100px
}

.read_btn {
	font-size: 14px;
	font-weight: 600;
	line-height: 15px;
	display: inline-block;
	color: #777;
	transition: all .2s linear
}

.read_btn i {
	vertical-align: middle
}

.read_btn:hover {
	color: #7a51ed
}

.comment_btn {
	font-size: 14px;
	color: #9d9d9d;
	line-height: 18px
}

.comment_btn img {
	margin-right: 6px
}

.comment_btn:hover {
	color: #7a51ed
}

.blog_details img {
	box-shadow: 0 15px 20px 0 rgb(0 21 46 / .05);
	margin-bottom: 38px;
	max-width: 100%
}

.blog_details p {
	line-height: 30px;
	margin-bottom: 30px
}

.blog_details .p_date img {
	margin-bottom: 0
}

.blog_details blockquote {
	background-image: -moz-linear-gradient(-42deg, rgb(122 81 237 / .9) 0, #4931e6 100%);
	background-image: -webkit-linear-gradient(-42deg, rgb(122 81 237 / .9) 0, #4931e6 100%);
	background-image: -ms-linear-gradient(-42deg, rgb(122 81 237 / .9) 0, #4931e6 100%);
	margin-bottom: 36px
}

.blog_details blockquote:before {
	background: url(img/blog/qoute2.png) no-repeat scroll right bottom;
	height: 40px;
	bottom: 45px
}

.blog_details blockquote:after {
	content: "";
	position: absolute;
	left: 30px;
	top: 15px;
	height: 86px;
	width: 100%;
	z-index: -1;
	background: url(img/blog/qoute.png) no-repeat scroll left top
}

.blog_details blockquote .author,
.blog_details blockquote p {
	color: #fff
}

.post_social_info {
	display: flex;
	justify-content: space-between;
	padding-top: 10px
}

.post_social_info .tags .post-nam {
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	color: #101010
}

.post_social_info .tags .tag {
	padding: 0 12px;
	margin-left: 5px
}

.author_post {
	background-color: #fff;
	box-shadow: 0 0 30px 0 rgb(0 21 46 / .05);
	padding: 40px;
	margin-top: 55px;
	position: relative;
	z-index: 1
}

.author_post:before {
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	right: 20px;
	background: url(img/blog/leaf.png) no-repeat scroll center right;
	position: absolute;
	z-index: -1
}

.comment_post .author_img {
	margin-right: 30px
}

.comment_post .media-body h4 {
	font-size: 20px;
	color: #101010;
	margin-bottom: 17px
}

.comment_post .media-body p {
	margin-bottom: 0
}

.blog_details_area_two {
	padding-bottom: 100px
}

.blog_details_area_two .blog_details_img {
	margin-top: -256px;
	position: relative;
	z-index: 1;
	margin-bottom: 60px
}

.blog_details_area_two .blog_details_img img {
	box-shadow: 0 10px 40px 0 rgb(0 0 0 / .1);
	max-width: 100%
}

.blog_details_area_two .blog_details .b_post_info {
	margin-bottom: 25px
}

.blog_details_area_two .blog_details .post_details .p_date {
	margin-left: 30px
}

.blog_sidebar {
	padding-left: 20px
}

.sidebar_title {
	font-size: 24px;
	line-height: 26px;
	color: #101010;
	margin-bottom: 30px
}

.widget+.widget {
	margin-top: 56px
}

.widget_search .search-form input {
	border: 1px solid #e0e0e0;
	border-radius: 0;
	height: 60px;
	padding-left: 25px;
	font-size: 14px;
	color: #777
}

.widget_search .search-form button {
	background-image: -moz-linear-gradient(180deg, rgb(73 49 230 / .9) 0, #7a51ed 100%);
	background-image: -webkit-linear-gradient(180deg, rgb(73 49 230 / .9) 0, #7a51ed 100%);
	background-image: -ms-linear-gradient(180deg, rgb(73 49 230 / .9) 0, #7a51ed 100%);
	border: 0;
	padding: 13px 20px 7px;
	color: #fff;
	font-size: 20px
}

.widget_categorie ul {
	margin-bottom: -10px
}

.widget_categorie ul li a {
	font-size: 16px;
	color: #101010
}

.widget_categorie ul li a i {
	color: #777;
	font-size: 15px;
	padding-right: 6px
}

.widget_categorie ul li a:hover {
	color: #7a51ed
}

.widget_categorie ul li+li {
	margin-top: 12px
}

.widget_categorie ul li.active .dropdown-menu {
	display: block
}

.widget_categorie ul li .dropdown-menu {
	border: 0;
	margin-top: 0;
	padding-left: 50px
}

.widget_categorie ul li .dropdown-menu li a {
	font-size: 15px;
	color: #777
}

.widget_categorie ul li .dropdown-menu li a:hover {
	color: #7a51ed
}

.widget_post .post_item img {
	margin-right: 20px
}

.widget_post .post_item .media-body h5 {
	font-size: 16px;
	line-height: 22px;
	color: #101010;
	font-weight: 600;
	margin-bottom: 0;
	transition: color .2s linear
}

.widget_post .post_item .media-body h5:hover {
	color: #7a51ed
}

.widget_post .post_item .media-body .p_date img {
	margin-right: 0
}

.widget_post .post_item+.post_item {
	margin-top: 30px
}

.widget_comments .comments_item img {
	margin-right: 20px
}

.widget_comments .comments_item .media-body a {
	color: #101010;
	font-weight: 600;
	display: inline-block
}

.widget_comments .comments_item .media-body p {
	color: #777;
	font-size: 16px;
	margin-bottom: 0
}

.widget_comments .comments_item+.comments_item {
	margin-top: 20px
}

.widget_tag ul {
	margin: -5px -3px
}

.widget_tag ul li {
	display: inline-block;
	margin: 5px 3px
}

.tag {
	border: 1px solid #e0e0e0;
	color: #777;
	font-size: 14px;
	padding: 5px 13px;
	display: inline-block;
	position: relative;
	z-index: 1;
	transition: all .3s linear
}

.tag:before {
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	background-image: -moz-linear-gradient(142deg, #7a51ed 0, #4931e6 70%);
	background-image: -webkit-linear-gradient(142deg, #7a51ed 0, #4931e6 70%);
	background-image: -ms-linear-gradient(142deg, #7a51ed 0, #4931e6 70%);
	z-index: -1;
	opacity: 0;
	transition: opacity .3s linear
}

.tag:hover {
	border-color: #7a51ed;
	color: #fff
}

.tag:hover:before {
	opacity: 1
}

.widget_instragram ul {
	margin: -2px;
	display: flex;
	flex-wrap: wrap
}

.widget_instragram ul li {
	display: block;
	width: calc(100% / 3);
	padding: 2px
}

.widget_instragram ul li a {
	display: block;
	position: relative
}

.widget_instragram ul li a:before {
	content: "";
	width: 100%;
	height: 100%;
	background: rgb(94 62 233 / .8);
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all .3s linear
}

.widget_instragram ul li a:after {
	content: "";
	width: 100%;
	height: 100%;
	background: url(img/blog/instragram.png) no-repeat scroll center center;
	position: absolute;
	top: 0;
	left: 0;
	transform: scale(0);
	transition: all .5s linear
}

.widget_instragram ul li a img {
	max-width: 100%
}

.widget_instragram ul li a:hover:before {
	opacity: 1
}

.widget_instragram ul li a:hover:after {
	transform: scale(1)
}

.shop_tab {
	border-bottom: 1px solid #ececec;
	padding-bottom: 20px;
	margin-bottom: 30px
}

.shop_menu_left p {
	margin-bottom: 0
}

.shop_menu_right .view-style {
	display: flex;
	padding-top: 5px
}

.shop_menu_right .view-style .list-style a {
	font-size: 18px
}

.shop_menu_right .view-style a {
	font-size: 22px;
	color: #777;
	margin-right: 20px;
	display: inline-block;
	line-height: 22px
}

.shop_menu_right .view-style .active a {
	color: #6532e8
}

.shop_menu_right .default_select {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	border: 1px solid #ececec;
	padding: 0 20px;
	margin-left: 10px
}

.shop_menu_right .default_select h5 {
	font-weight: 500;
	font-size: 16px;
	margin-bottom: 0
}

.shop_menu_right .default_select .selectpickers {
	border: 0;
	padding-left: 8px;
	height: 38px;
	line-height: 38px
}

.shop_menu_right .default_select .selectpickers:after {
	content: "C";
	font-family: eleganticons;
	width: 8px;
	height: 8px;
	top: 48%;
	right: 4px;
	font-size: 18px;
	transform: rotate(0);
	transform-origin: center;
	border: 0;
	line-height: 10px
}

.shop_menu_right .default_select .selectpickers ul {
	right: 0;
	left: auto
}

.single_product_item {
	text-align: center;
	margin-bottom: 60px
}

.single_product_item .product_img {
	position: relative
}

.single_product_item .product_img img {
	transition: opacity .2s linear;
	max-width: 100%
}

.single_product_item .product_img .hover_content {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	transition: all .3s linear
}

.single_product_item .product_img .hover_content a {
	width: 60px;
	height: 60px;
	font-size: 20px;
	text-align: center;
	background: #fff;
	box-shadow: 0 10px 15px 0 rgb(0 0 29 / .1);
	line-height: 62px;
	color: #6532e8;
	display: inline-block;
	transition: all .2s linear
}

.single_product_item .product_img .hover_content a:hover {
	background: #6532e8;
	color: #fff
}

.single_product_item h4 {
	font-size: 18px;
	font-weight: 500;
	margin-top: 28px;
	transition: color .2s linear
}

.single_product_item h4:hover {
	color: #6532e8
}

.single_product_item .price {
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
	font-size: 16px
}

.single_product_item .price del {
	color: #777;
	font-weight: 400;
	margin-left: 10px
}

.single_product_item .price ins {
	text-decoration: none;
	font-weight: 600;
	color: #101010
}

.single_product_item:hover img {
	opacity: .5
}

.single_product_item:hover .hover_content {
	opacity: 1;
	visibility: visible
}

.single_product_item:hover .hover_content a:nth-child(1) {
	animation: fadeInUp .3s ease-in-out
}

.single_product_item:hover .hover_content a:nth-child(2) {
	animation: fadeInUp .5s ease-in-out
}

.shop_list_area .shop_page_number {
	margin-top: 80px
}

.pr_list_item .pr_list_content h3 {
	font-size: 24px;
	font-weight: 600;
	display: inline-block;
	transition: color .2s linear
}

.pr_list_item .pr_list_content .price {
	float: right
}

.pr_list_item .pr_list_content .price del {
	color: #777;
	font-size: 16px;
	margin-right: 10px
}

.pr_list_item .pr_list_content .price ins {
	font-size: 24px;
	font-weight: 600;
	color: #101010;
	text-decoration: none
}

.pr_list_item .pr_list_content p {
	font-size: 16px;
	line-height: 30px;
	padding-top: 28px
}

#hero-8 .link--arrowed {
	height: unset;
	line-height: unset
}

.pr_list_item .pr_list_content:hover h3 {
	color: #6532e8
}

.pr_list_item+.pr_list_item {
	margin-top: 30px
}

.pr_button {
	display: flex;
	padding-top: 15px
}

.pr_button .cart_btn {
	font-size: 13px;
	font-weight: 600;
	color: #101010;
	text-transform: uppercase;
	background: 0 0;
	border: 1px solid #d7d7d7;
	min-width: 200px;
	text-align: center;
	padding: 10px 20px;
	transition: all .2s linear
}

.pr_button .cart_btn:hover {
	border-color: #6532e8;
	background-image: linear-gradient(40deg, #713ff7 0, #380ce0 100%);
	color: #fff
}

.pr_button a {
	display: block;
	width: 55px;
	height: 50px;
	font-size: 20px;
	color: #101010;
	border: 1px solid #d7d7d7;
	text-align: center;
	line-height: 50px;
	margin-left: 15px;
	transition: all .2s linear
}

.pr_button a:hover {
	border-color: #6532e8;
	background: #6532e8;
	color: #fff
}

.shop_page_number {
	text-align: center;
	margin-bottom: 0
}

.shop_page_number li {
	display: inline-block;
	margin: 0 3px
}

.shop_page_number li .page-numbers {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid #e7e7f6;
	font-size: 16px;
	line-height: 39px;
	font-weight: 300;
	color: #7b8a9e;
	text-align: center;
	display: block;
	transition: all .2s linear
}

.shop_page_number li .page-numbers:hover {
	border-color: #5843e8;
	color: #5843e8
}

.shop_page_number li .page-numbers.current {
	background: #5843e8;
	border-color: #5843e8;
	color: #fff
}

.pr_sidebar .widget_search .search-form {
	background: #f3f4f9
}

.pr_sidebar .widget_search .search-form input {
	background: 0 0;
	border: 0
}

.pr_sidebar .widget_search .search-form button {
	background: 0 0;
	color: #777;
	font-size: 16px
}

.filter_slider_area {
	padding-top: 10px
}

.filter_slider_area .ui-slider {
	height: 6px;
	background: #dbe2e9;
	border: 0;
	border-radius: 0
}

.filter_slider_area .ui-slider .ui-slider-range {
	background: #9f7efd;
	border-radius: 0
}

.filter_slider_area .ui-slider .ui-slider-handle {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #5e2ced;
	border: 0;
	margin-left: 0;
	top: -7px
}

.filter_slider_area .ui-slider .ui-slider-handle:focus {
	outline: 0
}

.filter_slider_area .filter_content {
	font-size: 16px;
	text-transform: capitalize;
	font-family: Poppins, sans-serif;
	color: #101010;
	display: flex;
	margin-top: 30px;
	font-weight: 600
}

.filter_slider_area .filter_content #amount {
	border: 0;
	font-size: 16px;
	display: inline-block;
	outline: 0;
	color: #7d7d7d;
	box-shadow: none;
	padding-left: 5px
}

.widget_product ul li .media {
	align-items: center
}

.widget_product ul li .media img {
	margin-right: 25px
}

.widget_product ul li .media .media-body h3 {
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
	margin-bottom: 3px
}

.widget_product ul li .media .media-body h3:hover {
	color: #6532e8
}

.widget_product ul li .media .media-body .rate {
	font-size: 16px;
	color: #6532e8;
	font-weight: 500
}

.widget_product ul li+li {
	margin-top: 20px
}

.widget_categorie_two ul {
	margin-bottom: 0
}

.widget_categorie_two ul li a {
	font-size: 16px;
	line-height: 20px;
	color: #777;
	display: inline-block;
	position: relative
}

.widget_categorie_two ul li a:before {
	content: "";
	width: 0;
	height: 1px;
	background: #6532e8;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: width .2s linear
}

.widget_categorie_two ul li a:hover {
	color: #6532e8
}

.widget_categorie_two ul li a:hover:before {
	width: 100%
}

.widget_categorie_two ul li+li {
	margin-top: 15px
}

input[type=number] {
	-moz-appearance: textfield
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
	-webkit-appearance: none
}

#error,
#success {
	position: relative;
	top: 10px;
	right: 0;
	left: 0;
	display: none;
	font-weight: 600
}

#success {
	color: #7cfc00
}

#error {
	color: #ff4500
}

.blog-wrap-style-1 {
	overflow: hidden;
	padding-top: 109px;
	padding-bottom: 0
}

.blog-box {
	margin-bottom: 30px;
	position: relative;
	z-index: 1
}

.blog-box.style-1 .figure-box {
	border-radius: 5px
}

.blog-box .figure-box {
	position: relative;
	z-index: 1;
	overflow: hidden
}

.blog-box .figure-box a {
	display: block
}

.blog-box .figure-box img {
	-webkit-transform: scale(1.01, 1.01);
	-ms-transform: scale(1.01, 1.01);
	transform: scale(1.01, 1.01);
	border-radius: 5px;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.blog-box.style-1 .content-box {
	border-radius: 0 5px 5px 5px;
	position: relative;
	z-index: 2;
	left: 0;
	right: 0;
	margin: 0 10px;
	padding: 25px 20px;
	bottom: 0;
	background-color: #fff;
	box-shadow: 0 0 90px 0 rgb(0 0 0 / 8%);
	margin-top: -100px
}

.blog-box.style-1 .category-name {
	border-radius: 5px 5px 0 0;
	position: absolute;
	z-index: 1;
	bottom: 100%;
	left: 0;
	background-color: #71c043;
	padding: 7px 14px;
	font-size: 13px
}

.blog-box .category-name {
	font-size: 15px;
	font-family: var(--font_family_heading);
	font-weight: 500;
	letter-spacing: 1px;
	color: #fff;
	display: inline-block;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.blog-box.style-1 .content-box .title {
	font-size: 19px;
	line-height: 1.4
}

.blog-box .content-box .title {
	font-weight: 500;
	margin-bottom: 14px
}

.bg-deepviolet {
	background-color: #0e2033 !important
}

.showdivedit {
	position: relative;
	color: #fff !important;
	font-weight: 700;
	cursor: pointer;
	font-size: 35px;
	font-family: Poppins, sans-serif;
	line-height: 1.5
}

.parapi {
	font: 400 13px/20px Poppins, sans-serif
}

@media (min-width:1200px) {
	#pricing-22 .jss34 {
		max-width: unset;
		margin-top: 0
	}
}

.downloadebook .col-md-6.form-group {
	padding: 2% 3% 0 0
}

.downloadebook .modal-header button span {
	color: #1b3d93;
	font-weight: 400;
	font-size: 30px;
	display: block;
	text-align: center;
	margin-bottom: 12px;
	padding-right: 12%;
	margin: auto;
	padding: 0
}

.downloadebook label {
	color: #000;
	font-weight: 400;
	font-size: 16px
}

#Ebook-form p {
	color: #1d1d1d;
	font-weight: 300;
	line-height: 1.4;
	font-size: 14px
}

.downloadebook .form-control {
	display: block;
	height: auto;
	width: 100%;
	padding: .8rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	border-bottom: 8px solid #ced4da57
}

.downloadebook .form-group.form-check br {
	display: none
}

#pricing-22 .jss34:after {
	top: calc((0vw * -.34433) * -1 / 2);
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	display: block;
	z-index: 2;
	position: absolute;
	transform: skewY(0);
	border-radius: 25px 70px 0 0;
	background: #02386f;
	background: linear-gradient(90deg, #02386f 31%, #06678c 64%, #1a94b5 92%)
}

.navbar.scroll {
	padding: 12px !important;
	background-color: #30171700 !important
}

@media (min-width:1300px) {
	.large-4 {
		position: relative;
		width: 33.33333%
	}
}

.carousel-item .features__item.mb-30 {
	background: #d5fffbb0;
	padding: 10%;
	height: 200px;
	border-radius: 12px
}

.design-figure--skull-pineapple .design-figure__image-container {
	width: 170px;
	height: 308px;
	margin-left: auto;
	margin-right: auto
}

.col-first:hover {
	background: linear-gradient(90deg, #2c92ba, #54c6b6)
}

.col-first .poppinsNormal {
	color: #fff;
	font-weight: 500;
	margin: auto
}

.setmr {
	font-size: 21px;
	padding-right: 29%;
	color: #0b40a8
}

.real-stories .swiper-button-next {
	color: #000 !important;
	bottom: 0 !important;
	width: 60px !important
}

.swiper-button-next:after,
.swiper-button-prev:after {
	display: none
}

.rating-area ul li svg {
	color: #ff5722;
	margin-right: 4px
}

.rating-area ul li {
	display: inline-block;
	margin-bottom: 15px
}

.downcon {
	position: absolute;
	bottom: 9%;
	justify-content: center;
	left: 6%
}

.abouttopsec .statistic-block h5 {
	font-size: 39px;
	color: #1dc7ba;
	line-height: 1;
	text-align: left;
	font-weight: 700;
	letter-spacing: -1px;
	margin-bottom: 1px;
	-webkit-background-clip: text;
	-webkit-text-fill-color: #11089e !important
}

.value-box {
	background: #c5cae9;
	padding: 32px;
	border-radius: 15px;
	margin-bottom: 31px
}

.value-box svg {
	overflow: hidden;
	vertical-align: middle;
	background: #fff;
	width: 40px;
	height: 40px;
	padding: 9px;
	box-shadow: 2px 2px 1px 1px #094b9f;
	border-radius: 10px;
	margin-bottom: 11px
}

.valuess {
	margin-bottom: 2%;
	color: #00ffef
}

.abouttopsec .statistic-block p {
	margin: 0;
	width: auto;
	opacity: inherit;
	font-weight: 600;
	color: #000;
	font-size: 17px
}

.wrapper {
	width: 100%;
	padding-top: 20px
}

.carousel {
	width: 90%;
	margin: 0 auto
}

.slick-next,
.slick-prev {
	background: #000;
	border-radius: 15px;
	border-color: #fff0
}

#sep01edit h2 {
	font-family: Poppins;
	color: #fff;
	font-size: 32px;
	line-height: 1.2em;
	text-align: center;
	font-weight: 100;
	letter-spacing: 0
}

#sep01edit {
	position: relative;
	background: #29338a
}

#sep01edit img {
	position: absolute;
	right: 3%;
	bottom: 0;
	width: 27%
}

.whyus {
	font-size: 37px;
	margin-bottom: 36px
}

.aboutdiv01 {
	border-radius: 16px;
	transition: all .9sease-in-out;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}

.carousel-control-prev {
	left: auto;
	top: 0;
	right: 3%;
	transform: translateY(0);
	z-index: +99
}

.carousel-control-next {
	transform: translateY(0);
	top: 0;
	z-index: +99
}

.post-tags-list a:hover {
	color: #fff;
	background: #58cbb6;
	border-color: #4fbfb7
}

a.readmore {
	font-weight: 400;
	color: #07c8bc;
	font-size: 17px
}

a.readmore i {
	font-size: 18px
}

a.readmore {
	color: #07c8bc;
	font-weight: 800;
	font-size: .9rem;
	line-height: 20px;
	letter-spacing: .02em;
	text-transform: uppercase;
	background: linear-gradient(to right, #288cbb, #74e2c5 80%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
	background-clip: text;
	text-fill-color: #fff0;
	display: inline-block;
	vertical-align: top;
	outline: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 0;
	cursor: pointer
}

a.readmore:after {
	content: url("data:image/svg+xml,%3Csvg width='14' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.057 8.96a.534.534 0 0 1-.182-.418.62.62 0 0 1 .183-.442l2.476-2.475H.957a.631.631 0 0 1-.625-.648.62.62 0 0 1 .625-.602h10.575L9.06 1.9a.625.625 0 1 1 .884-.884l3.541 3.542a.625.625 0 0 1 0 .884L9.943 8.984a.61.61 0 0 1-.886-.023Z' fill='url(%23a)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='-.278' y1='3.436' x2='14.2' y2='4.494' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23288CBB'/%3E%3Cstop offset='1' stop-color='%2374E2C5'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
	margin-left: .5rem
}

a.readmore:hover {
	filter: brightness(.5);
	transition: .2s ease-in-out
}

a.readmore:hover:after {
	filter: brightness(.5);
	transition: .2s ease-in-out
}

.pagination {
	display: flex;
	width: 100%;
	margin-bottom: 4rem;
	margin-left: auto;
	text-align: center;
	margin-top: 1rem;
	flex-wrap: wrap;
	align-items: center;
	justify-content: end;
	padding-right: 15px
}

.pagination .page-numbers {
	font-size: 15px;
	height: 35px;
	padding: 4px 14px;
	font-weight: 300;
	color: #575757;
	font-family: Poppins, sans-serif;
	position: relative;
	transition: color .3s linear
}

.pagination .page-numbers.current {
	color: #fff;
	background: #55c8b6;
	border: 1px solid #18c5b9;
	margin: 0 4px;
	border-radius: 4px
}

.pagination a {
	color: #000;
	padding: 5px 11px;
	text-decoration: none;
	transition: background-color .3s;
	border: 1px solid #9a9a9a;
	margin: 0 4px;
	background: #fff;
	border-radius: 4px
}

.pagination .page-numbers+.page-numbers {
	margin-left: 2px;
	margin-bottom: 2px
}

html {
	scroll-behavior: smooth
}

.downscroll .row {
	padding: 3% 3%
}

.downscroll .row .col-md-4 {
	padding-right: 3%
}

.carousel {
	width: 90%;
	margin: 0 auto
}

.slick-next,
.slick-prev {
	background: #000;
	border-radius: 15px;
	border-color: #fff0
}

.card {
	border: 2px solid #fff;
	box-shadow: 1px 1px 61px #cccccc3d
}

.card-body {
	background: #fff;
	width: 100%;
	vertical-align: top
}

.card-content {
	text-align: left;
	color: #333;
	padding: 15px
}

.whats-app-icon {
	position: fixed;
	bottom: 110px;
	left: 13px;
	width: 45px;
	height: 45px;
	background: #25d366;
	z-index: 9999;
	text-align: center;
	line-height: 44px;
	border-radius: 22%
}

.whats-app-icon svg {
	color: #fff;
	width: 27px;
	height: 27px
}

.form-bussiness-bx {
	background: #f1f1f1;
	padding: 10px 27px 30px;
	border-radius: 20px
}

.captcha-services.Captcha-area .h6-sm {
	font-size: 14px;
	width: 72%
}

.top-popup-services-area p.fillcom {
	text-align: center !important;
	color: #333232 !important;
	padding-right: 0px !important;
	font-size: 13px !important
}

.top-popup-services-area .h4-sm {
	font-size: 20px;
	font-weight: 600;
	text-align: center
}

.blog-post-txt span.thecatlinks a:hover {
	color: #5aceb5
}

.blog-search svg.svg-inline--fa.fa-search.fa-w-16 {
	width: 28px;
	height: 17px;
	border-radius: 5px;
	color: #3f3f3f
}

.about-img .about-img1 {
	width: 80%;
	position: relative;
	right: 0;
	float: right
}

.about-img .about-img2 {
	position: absolute;
	left: 32px;
	bottom: 13px;
	width: 31%
}

.listdiv .portfolio-description .port-top-info>p {
	margin-top: 0;
	line-height: 1.6;
	font-size: 17px;
	font-weight: 400
}

.employeesection {
	padding: 0 3%
}

.employeesection .heading--forrest-lyf {
	color: #fff;
	font-size: 35px;
	margin-bottom: 0
}

.employeesection .subtitle {
	font-weight: 300;
	font-size: 20px;
	margin-bottom: 15px;
	color: #fff
}

.employeesection {
	margin-bottom: 8%
}

.employeesection2 .col-first .poppinsNormal {
	color: #000;
	font-weight: 500;
	margin: auto;
	text-align: left;
	font-size: 17px;
	font-weight: 600
}

.employeesection2 img {
	width: 100%
}

.employeesection2cont {
	margin-top: -8%;
	background: #fff;
	padding-top: 39px
}

.employeesection2 .col-first {
	width: auto;
	padding-bottom: 11%
}

.employeesection2 .poppset {
	text-align: left;
	font-size: 15px
}

.employeesection2 .col-first:hover {
	background: 0 0
}

.employeesection2 .col-first:hover {
	transform: scale(1.1)
}

.employeesection2 .col-first {
	display: block;
	transition: .2s ease-out;
	background-size: 600px;
	animation: shine-avatar 1.5s infinite ease-out;
	width: 100%
}

.employeesection2 .col-first {
	display: table-cell;
	vertical-align: middle;
	height: auto;
	width: 100%;
	margin: auto;
	background-color: #ffffff0f;
	border-radius: 1rem;
	-ms-flex-align: center;
	align-items: center;
	display: table;
	text-align: center
}

.featurescci .subtitle-viewall:hover a {
	color: #1dc0a8
}

.btn-nxt {
	width: fit-content
}

.careersection1 {
	padding: 4% 9%
}

.careersection1 p {
	margin: auto;
	text-align: center;
	font-size: 22px;
	font-weight: 400;
	margin-top: 6%
}

.careersection1 a {
	color: #14cfc1 !important
}

.employeesection2cont h2 {
	font-size: 29px;
	padding-bottom: 2%
}

#jobupsection {
	border-radius: 21px;
	margin: 5% auto;
	background: #ebebeb6b;
	padding: 3% 2%
}

#jobupsection h3 {
	font-size: 28px;
	padding-right: 8%;
	color: #000;
	font-weight: 600
}

#jobupsection title p {
	color: #000
}

#mediacareer {
	background: #29338a
}

#mediacareer h3 {
	font-size: 2.5rem;
	padding-right: 8%
}

#mediacareer .col-first {
	display: block;
	vertical-align: middle;
	height: 198px;
	width: 100%;
	padding: 9%
}

.jobupsection .btn-nxt {
	width: fit-content
}

#mediacareer h3 {
	color: #fff;
	font-size: 42px
}

.banner-fuga-inline022 {
	width: 100%
}

.lastsepdiv .col-md-7 h2 {
	color: #353b6d !important;
	font-size: 30px !important
}

.lastsepdiv1 .banner-fuga-inline022 {
	background-image: url(images/web/insta.jpg) !important;
	animation-fill-mode: backwards;
	background-size: cover;
	background-position: bottom
}

.lastsepdiv1 .col-md-7 h2 {
	color: #353b6d !important;
	font-size: 30px !important
}

.lastsepdiv1 .heading2 {
	max-width: 100%
}

.lastsepdiv1 p {
	color: #050505 !important;
	font-weight: 400;
	font-size: 18px !important;
	padding-right: 0;
	margin-bottom: 0;
	line-height: initial !important;
	margin-bottom: 4% !important
}

.lastsepdiv1 .col-md-6 {
	margin-top: auto;
	margin-bottom: auto
}

section.blog-section {
	margin-top: 99px
}

.featurepost-section {
	margin-bottom: 61px
}

p {
	font-size: 1rem
}

.center {
	text-align: center;
	padding: 3%
}

.pagination a {
	color: #000;
	padding: 7px 15px;
	text-decoration: none;
	transition: background-color .3s;
	margin: 0 4px;
	background: #f9f9f9a1
}

.pagination a.active {
	background-color: #303030;
	color: #fff;
	border: 1px solid #000
}

.pagination a:hover:not(.active) {
	background-color: #def2f6
}

.sections.blog-detail-content h6 {
	font-weight: 500;
	line-height: 1.5;
	margin-top: 15px;
	margin-bottom: 21px;
	font-size: 14px
}

.sections.blog-detail-content h5 {
	font-weight: 500;
	line-height: 1.5;
	margin-top: 15px;
	margin-bottom: 21px;
	font-size: 16px
}

.sections.blog-detail-content ul li span strong {
	font-weight: 600;
	font-size: 14px
}

.sections.blog-detail-content ol li strong {
	font-size: 14px;
	font-weight: 600
}

.sections.blog-detail-content ul {
	list-style: inherit;
	padding-left: 17px;
	margin-bottom: 21px
}

.sections.blog-detail-content ol {
	list-style: auto;
	font-size: 13px
}

.sections.blog-detail-content ol li {
	margin-bottom: 13px
}

.sections.blog-detail-content ul li {
	line-height: 1.7;
	margin-bottom: 7px;
	font-size: 13px
}

.navv {
	width: 64px;
	height: 100%;
	position: sticky;
	top: 21%;
	background: #fff
}

.navv2 img {
	width: 100%
}

ul.list-styled {
	list-style: unset
}

.andro {
	font-size: 28px !important;
	margin-top: 4% !important
}

.navv ul {
	padding: 20px;
	margin: 0 auto;
	list-style: none
}

.navv ul li {
	display: block;
	margin: 0 10px
}

.navv ul li a {
	padding: 0;
	margin: 0 0 10px 0;
	color: #000;
	font-size: 17px;
	text-decoration: none;
	font-weight: 400;
	transition: all .2s ease
}

.navv ul li a:hover {
	color: #34495e
}

.navv a.active {
	color: #19dbcf
}

/* Keep the table of contents in view while the article scrolls.
 *
 * .lwptoc above is absolutely positioned at height:100%, so it spans the whole
 * article while its list sits at the very top - scroll past the first screen and
 * the list is gone, leaving an empty bordered column for the rest of the page.
 * Sticking the inner box pins the list inside that full-height parent instead.
 *
 * top    : clears the 81px fixed header, plus breathing room.
 * bottom : stops short of the floating WhatsApp / cookie buttons, which are fixed
 *          to the lower-left and would otherwise sit on top of the list.
 * Long contents scroll within the box rather than overflowing the viewport.
 *
 * Below 768px .lwptoc-autoWidth becomes position:relative and flows inline, so
 * this is scoped to the desktop layout only.
 */

/* On phones the whole "Contents" bar toggles the list (footer.php wires it up),
 * so it needs to look and behave like a control. Above 580px the list is always
 * shown by CSS and the bar is not a control, so no affordance there. */
@media (max-width: 580px) {
	/* the plugin makes .lwptoc_i inline-block, so while collapsed the box shrinks to
	 * the width of the word "Contents" (~75px) - the tappable bar has to reach the
	 * chevron, which is absolutely positioned at the right edge */

	.lwptoc .lwptoc_header:focus-visible {
		outline: 2px solid currentColor;
		outline-offset: 2px;
	}

	/* The chevron is positioned against .sections (top:8px), not against the
	 * header, so growing the bar to a 44px touch target left it sitting 17px
	 * above the bar's centre line. Nudge it back onto centre.
	 * Needs the extra specificity: the rule that sets top:8px lives further
	 * down this file in the same media query. */
}

/* Table-of-contents jump targets land at y=0, which puts them behind the fixed
 * header. Reserve its height so the heading is actually readable on arrival.
 * The plugin puts the id on a <span> inside the heading, so both are covered. */

.sections.blog-detail-content .lwptoc-light .lwptoc_items A:visited {
	color: #36387f
}

.sections.blog-detail-content .lwptoc-light .lwptoc_i A:hover {
	color: #2f96b9;
	text-decoration: none
}

a:not([href]):not([tabindex]) {
	color: #252525;
	text-decoration: none;
	font-family: Poppins;
	font-weight: 600
}

.tableedit {
	font-size: 20px;
	font-weight: 500;
	border-bottom: 1px solid #e9e2e2;
	padding-bottom: 7px
}

.menu>.nav-item>.nav-link.active {
	color: #5aceb5;
	font-family: Poppins, sans-serif;
	border-bottom-color: #5aceb5
}

.menu>.nav-item.parent-active>.nav-link {
	color: #5aceb5;
	font-family: Poppins, sans-serif;
	border-bottom-color: #5aceb5
}

li#Company_nav a.nav-link.dropdown-toggle.active {
	color: #fff;
	border-bottom-color: #fff0
}

.mainline {
	font-size: 18px;
	font-weight: 100;
	margin-bottom: 5%;
	color: #50c1b6;
	margin-left: 3%;
	text-decoration: underline
}

.aboutsec090 {
	padding-top: 29%;
	padding-bottom: 3%
}

.innercasea h2 {
	margin-bottom: 10px !important;
	font-size: 47px !important;
	text-transform: capitalize;
	margin-bottom: 15px;
	color: #204f74 !important;
	padding: 0 21%;
	text-align: center
}

.innercasea p {
	color: #555 !important;
	font-size: 18px !important;
	font-weight: 100 !important
}

.innercasea {
	background-image: none !important;
	height: 615px !important;
	padding-top: 12% !important;
	background: #f7f8f882 !important
}

.aboutsec090 p {
	font-size: 17px
}

.aboutsec090 .iblock {
	display: inline-block;
	width: 30% !important;
	float: left;
	padding: 5px;
	margin-bottom: 5%;
	margin-left: 41px
}

.ulli {
	display: inline-flex
}

.ulli li {
	margin-right: 7px
}

.ulli li img {
	width: 32px
}

.aboutsec090 strong {
	color: #1f1e1e !important
}

.project-tag .tag {
	border-radius: 5px;
	color: #01c4cf;
	display: inline-block;
	line-height: 18px;
	padding: 7px 18px;
	margin: 3px;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: -.2px;
	border: 2px solid #01c4cf;
	text-transform: uppercase
}

.project-tag .tag:before {
	background-image: none
}

span.id-color {
	color: #13bbac !important
}

.subb {
	font-size: .825rem;
	line-height: 1;
	font-weight: 700;
	letter-spacing: .25px;
	padding: .915rem 1.85rem;
	border-radius: 6px;
	background: #303030;
	background-image: none !important
}

.intro {
	position: relative;
	width: 100%;
	height: 533px;
	background: #f8f9fb
}

.share a {
	color: #999
}

.downblock .col-md-4 h5 a {
	font-size: 16px !important;
	line-height: revert
}

.downblock .col-md-4 .h5-sm a span {
	font-size: 37px;
	color: #0000000f;
	margin-right: 5px;
	font-weight: 800
}

.downblock .col-md-4 .blog-post {
	box-shadow: -4px 13px 24px 5px rgb(0 0 0 / 2%) !important;
	padding: 3%;
	margin-bottom: 26px !important;
	background: #faebd7;
	border: 1px solid #00000014
}

.Captcha-area {
	margin-top: 7px
}

.Captcha-area .h6-sm {
	font-size: 16px;
	width: 58%;
	font-weight: 100;
	margin-bottom: 0;
	margin-right: 22px
}

#exampleModalLong .Captcha-area input.form-control {
	background-color: transparent !important
}

#exampleModalLong .Captcha-area input.form-control {
	background-color: transparent !important;
	border-radius: unset;
	border-color: transparent !important;
	border-bottom-color: #5d6d96 !important;
	color: #fff;
	padding: 0;
	height: 23px;
	margin-bottom: 0
}

.division8 .integrationcss .features__list ul li b {
	color: #2a348d
}

.division8 .features__list {
	padding-right: 11%
}

.innercasecontact h3 {
	color: #fff !important;
	font-size: 55px;
	padding-right: 10%
}

.innercasecontact .hero-txt p {
	color: #fff !important
}

.innercasecontact {
	background-image: none !important;
	background: #ffffff82 !important
}

#hero-3 .hero-form .register-form {
	background-color: #fff;
	border-radius: 13px;
	box-shadow: 0 0 42px #fff0 !important;
	padding: 25px 0 0 !important
}

#hero-3 .hero-form .register-form .btn.submit {
	margin: inherit
}

.innercasecontact h3 {
	font-weight: 700 !important;
	letter-spacing: -1px !important;
	margin-bottom: 30px !important;
	color: #303030 !important;
	font-size: 55px;
	padding-right: 10%
}

.innercasecontact .hero-txt p {
	color: #303030 !important;
	font-size: 1.25rem !important;
	font-weight: 400 !important;
	padding-right: 5% !important
}

.innerhead h3 {
	color: #01a0964d;
	font-family: system-ui;
	padding: 48px 0 6px 0
}

.location {
	background-image: linear-gradient(to right, #01948b, #01948b) !important
}

.atag span {
	color: #303030;
	font-size: 31px
}

.location:hover {
	background-image: linear-gradient(to right, #293084, #01948b) !important
}

.atag svg {
	color: #01948b
}

.navbar-toggler:not(:disabled):not(.disabled) {
	cursor: pointer;
	float: right;
	margin-bottom: 0
}

@media (min-width:500px) and (max-width:700px) {
	.container {
		max-width: 540px !important
	}
}

@media (min-width:701px) and (max-width:800px) {
	.container {
		max-width: 640px !important
	}
}

@media (min-width:801px) and (max-width:900px) {
	.container {
		max-width: 740px !important
	}
}

@media (min-width:901px) and (max-width:1000px) {
	.container {
		max-width: 840px !important
	}
}

@media (min-width:1010px) and (max-width:1200px) {
	.container {
		max-width: 980px !important
	}
}

.blog-newsletter .col-md-7 form .input-group p:nth-child(1) {
	display: flex;
	width: 70%;
	gap: 13px
}

.blog-newsletter .wpcf7-not-valid-tip {
	color: #ffd004;
	font-size: 12px;
	font-weight: 400;
	display: block;
	margin-top: 5px
}

.blog-newsletter .col-md-7 form {
	margin-bottom: 0
}

.blog-newsletter .col-md-7 form .input-group {
	gap: 0;
	align-items: baseline
}

.blog-newsletter .col-md-7 form .input-group p:nth-child(2) {
	width: 20%
}

.blog-newsletter .col-md-7 form .input-group p:nth-child(2) input {
	height: 42px;
	font-size: 14px;
	line-height: 38px;
	padding-top: 0;
	padding-bottom: 0
}

.blog-newsletter .col-md-7 form .input-group p:nth-child(1) br {
	display: none
}

.blog-newsletter .col-md-7 form .input-group p:nth-child(2) br {
	display: none
}

.blog-newsletter .col-md-7 form .input-group p:nth-child(2) .wpcf7-spinner {
	display: none
}

@media screen and (max-width:700px) {
	.testsection-div21 .flagcss {
		width: 17% !important
	}

	.servicemain {
		display: none
	}

	.testsection-div21 .heading02 {
		font-size: 30px !important
	}

	.servicemain-div {
		padding-top: 7rem
	}

	.servicemain ul li {
		padding: 14px 10px 14px 10px;
		margin: 6px 0;
		width: 100%;
		border-radius: 0;
		text-align: left;
		box-shadow: -24px 15px 27px -17px #0000;
		border-radius: 7px
	}

	#hero-300 ul {
		text-align: left
	}

	.aboutsec .iblock {
		display: inline-block;
		width: 100% !important
	}

	#hero-300 {
		background-color: #fbfbfb !important;
		padding-top: 5rem
	}

	.setmargin {
		margin-top: 1rem
	}

	.setmargin img {
		margin-left: 0 !important
	}

	#ui02-uxdiv .hicsdiv h5 {
		font-size: 20px
	}

	.footerbottom {
		display: block
	}

	.blurbgcolor {
		background: linear-gradient(180deg, #fafcff 0, #fff0 100%) !important
	}

	.lavp {
		font-size: 14px;
		line-height: 19px;
		padding-right: 0
	}

	.fbox h5 {
		font-size: 20px !important
	}

	h4 {
		font-size: 18px !important
	}

	h2 span {
		font-size: 27px !important
	}

	.hero-txt p.p-md {
		padding-right: 0 !important
	}

	.datasiderightimg {
		position: static !important;
		width: 60% !important
	}

	.col-first .poppinsNormal {
		color: #fff;
		font-weight: 500;
		margin: auto;
		font-size: 13px
	}

	.aboutusstroke {
		display: none
	}

	.downcon {
		display: none
	}

	p.mediapara {
		display: none
	}

	#hero-14 {
		padding-top: 70px !important
	}

	.video-preview {
		position: relative;
		text-align: center;
		display: none
	}

	.webdevpage ul.breadcrumb li {
		display: inline;
		font-size: 15px
	}

	.discoverysiderightimg {
		position: static !important;
		width: 60% !important
	}

	.jf_NJ {
		position: absolute;
		top: 0;
		right: 3.625rem;
		display: none
	}

	.chngp {
		font-size: 15px !important;
		line-height: 1.4
	}

	#typemeta .custom_container .column h2 {
		font-size: 30px;
		padding-right: 0;
		font-weight: 100
	}

	#typemeta .custom_container .hicsdiv h5 {
		font-size: 23px
	}

	.careerdiv1 .custom_container h2 {
		font-size: 24px !important
	}

	.layerimg2 {
		display: none
	}

	.layerimg {
		display: none
	}

	#info-1 h2 {
		font-size: 24px;
		padding-right: 0;
		font-weight: 100
	}

	.ctofeature .section-heading {
		margin-bottom: 11px !important
	}

	.ctofeature .list-two-col li {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		padding-right: 0 !important
	}

	.ctofeature h2 {
		text-align: center;
		font-size: 25px !important
	}

	#wearsecond h2 {
		font-size: 25px !important;
		padding-right: 0 !important
	}

	#statistic-1 .col-sm-2 {
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important;
		max-width: 50% !important;
		padding: 10px 0
	}

	.blockchain-expert h2 {
		padding-right: 0 !important
	}

	.hideon-mobile {
		display: none
	}

	.ai-div {
		background: #2c2c2c;
		padding: 0 37px
	}

	.aisiderightimg {
		position: static !important;
		width: 100%;
		height: auto
	}

	.pcsscommon {
		font-size: 1rem !important;
		line-height: 22px !important;
		width: 100% !important;
		padding: 0
	}

	ul.features {
		padding-top: 0 !important
	}

	.breadcrumb {
		padding: 5px 0 !important
	}

	#exampleModalLong span {
		font-size: 29px
	}

	.hero-form .register-form .h4-sm {
		font-size: 21px
	}

	#exampleModalLong .popuplogo {
		padding: 0 1%;
		display: none
	}

	.modal-body .pop-right {
		margin: 0 4% 6% 0 !important
	}

	#exampleModalLong .requset-heading {
		margin-bottom: 0 !important
	}

	.menu_toggle {
		margin-right: 4px
	}

	header .navbar .navbar-brand img {
		width: 134px !important
	}

	.banner-fuga-inline022 {
		max-width: 90% !important
	}

	#blog-11 .blog-post {
		box-shadow: 0 0 100px 0 rgb(0 0 0 / 5%);
		margin-bottom: 0
	}

	.whyus {
		font-size: 30px;
		margin-bottom: 17px;
		margin-top: 15px
	}

	.testimonials-card .more-questions {
		margin-top: 16px
	}

	.mediapage h2 {
		font-size: 30px !important;
		margin-top: 6%
	}

	#logo-1 h2 {
		font-size: 30px !important
	}

	.testimonials-card .downpara {
		font-size: 22px
	}

	#process1 h2 {
		color: #fff !important
	}

	#process1 .student-left p {
		color: #fff;
		line-height: 1.5
	}

	.carousel-item .features__item.mb-30 {
		background: #d5fffbb0;
		padding: 10%;
		height: auto
	}

	.showwork-section h2 {
		font-size: 30px !important
	}

	#sep01edit h2 {
		font-size: 30px
	}

	.heading--h4 .bold {
		font-size: 20px
	}

	.hideonmobile {
		display: none
	}

	.tech__grid__inner span {
		line-height: 1.2;
		font-size: 13px
	}

	.aboutsectionedit .section-title h2 {
		font-size: 27px !important
	}

	.servicesection .brand-logo ul img {
		width: 40px;
		height: 40px;
		padding: 8px
	}

	.section__title-wrapper {
		margin-bottom: 20px !important
	}

	.servicesection .parap {
		font-size: 14px !important
	}

	.tabdiv h2 {
		font-size: 30px
	}

	.top-servi.top-servi2 .parap {
		font-size: 14px !important
	}

	.top-servi.top-servi3 .content {
		text-align: center !important;
		display: block !important
	}

	.top-servi h4 {
		font-size: 1.2rem
	}

	.top-servi {
		height: auto !important
	}

	.h1csscommon {
		font-size: 1.7rem !important
	}

	.blog-post.wow.fadeInUp {
		width: 100% !important
	}

	.servicesection {
		background: #fdfdfd;
		padding: 11% 0 0
	}

	.blog-post-img.mb-25 img {
		max-width: fit-content !important;
		width: 100%
	}

	.hero-txt {
		margin-bottom: 0 !important
	}

	#myCarousel .carousel-item .mask {
		position: inherit
	}

	.student-left {
		width: 100%;
		position: initial
	}

	.student-right {
		width: 100%;
		display: block
	}

	.section-title {
		text-align: left !important;
		margin-bottom: 0
	}

	.banner-fuga-inline022 {
		overflow: hidden;
		padding: 8% 4% !important
	}

	.banner-fuga-inline022 p {
		font-size: 15px !important;
		margin-bottom: 5% !important;
		line-height: normal
	}

	.heading2.marginauto.textcenter.text-light {
		color: #fff;
		font-size: 2rem !important
	}

	#pricing-22 {
		padding-top: 61px;
		padding-bottom: 68px;
		display: none
	}

	.banner-fuga-inline022 .input-group-btn {
		margin-left: 0
	}

	.section-title p {
		color: #888;
		padding: 0 15%;
		margin-top: 20px;
		margin-bottom: 0;
		padding: 0 !important
	}

	.newsletter-form .form-control {
		text-align: left !important
	}

	.section-title {
		text-align: left;
		margin-bottom: 11px
	}

	.student-right .testimonials-left {
		width: calc(100% - 0px);
		margin-top: 7%
	}

	.student-right .testimonials-center {
		width: 100%;
		margin-top: 6%
	}

	.student-section {
		padding: 6% 5%
	}

	.info-img.text-center.pr-45 {
		padding-top: 12%
	}

	.aboutsectionedit .section-title h3 {
		color: #fff;
		font-size: 2.75rem
	}

	.aboutdiv1 {
		transition: all .9s ease-in-out;
		background-size: 100%;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover
	}

	.wide-60 {
		padding-top: 60px
	}

	.aboutdiv2 h2 {
		font-size: 30px
	}

	.aboutdiv02 h2 {
		font-size: 30px
	}

	.aboutdiv002 h2 {
		font-size: 30px
	}

	.tech__grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 35px;
		grid-row-gap: 32px
	}

	.section-title h3.h3-lg {
		font-size: 2.5rem !important;
		padding-right: 0 !important
	}

	.content .title a {
		color: #000;
		color: #253078;
		font-size: 21px
	}

	.section {
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 0;
		background: #fff;
		padding-right: 0
	}

	.col-md-5.col-12.order-md-2.order-2.p-5 {
		padding: 1rem !important
	}

	#myCarousel .features__title {
		font-size: 16px;
		margin-bottom: 16px;
		margin-top: 0
	}

	#myCarousel p {
		color: #000;
		line-height: normal
	}

	#myCarousel h4 {
		font-size: 22px;
		margin-bottom: 5px
	}

	.carousel-control-prev {
		left: auto;
		top: 0;
		left: 0
	}

	.wide-60 {
		padding-top: 41px !important;
		padding-bottom: 33px !important
	}

	.servicesection ul li .service-all-details b {
		font-size: 10px
	}

	.servicesection .brand-logo img {
		padding: 14px 0;
		height: auto
	}

	.bottomico .h5-sm {
		margin-bottom: 15pxpx;
		background: #1cd5ec;
		width: 30px !important;
		height: 30px !important;
		padding: 5px !important;
		line-height: 1.5 !important;
		border-radius: 6px;
		text-align: center;
		margin: 0 5px
	}

	.footer-socials-links .h5-sm {
		padding: 0 8px !important
	}

	.footer-socials-links11 .h5-sm a {
		margin-left: 0 !important;
		color: #dcdcdc !important;
		font-size: 12px !important
	}

	.leftcol {
		margin-top: 7%
	}

	.pblue a {
		color: #2398f1
	}

	#process1 h3 {
		color: #000;
		font-size: 2.5rem
	}

	#blog-11 .section__title-wrapper h2 {
		font-family: Poppins;
		font-size: 30px
	}

	.project-grid.project-style-2 .parap {
		font-size: 14px !important
	}

	.servicesection ul li {
		margin: 0 2% 0 0
	}

	.project-add-banner.sal-animate .parap {
		margin: 0 0 19px;
		width: 100%;
		opacity: inherit;
		color: #000;
		font-size: 15px
	}

	.project-grid.project-style-2 .content {
		background-color: #fff0;
		border-radius: 0;
		padding: 0;
		position: absolute;
		top: 18px;
		left: 20px
	}

	.project-add-banner .content .title a {
		color: #253078
	}

	.project-add-banner {
		margin-bottom: 28px;
		background-image: linear-gradient(30deg, #fff, #d8dceb);
		overflow: hidden;
		border-radius: 30px;
		padding: 29px 0 34px 20px
	}

	.project-add-banner .content .title {
		width: 100%;
		letter-spacing: 0;
		margin-bottom: 13px;
		font-size: 24px
	}

	.servicesection .subtitle {
		font-weight: 500;
		font-size: 16px
	}

	.servicesection .parap {
		width: 100%;
		font-weight: 400;
		color: #000;
		font-size: 13px;
		padding: 0;
		line-height: 1.3;
		margin: 6px auto 14px
	}

	.servicesection h2 {
		color: #fff;
		font-size: 30px
	}

	header .navbar .navbar-brand {
		margin-right: 12px;
		padding: 0;
		margin-left: 8px
	}

	header {
		box-shadow: 0 13px 35px -12px rgb(35 35 35 / 5%)
	}

	.tabdiv .tab-pane h3 {
		position: relative;
		z-index: 1;
		font-size: 21px
	}

	.tabdiv .list-group-item {
		text-align: center;
		padding: 8px 16px;
		position: relative;
		width: fit-content;
		display: inline-block;
		margin: 5px;
		border: 1px solid #29338a
	}

	.tabdiv .list-group-item h5 {
		font-size: 14px
	}

	.tabdiv .list-group-item.active h5 {
		font-size: 14px
	}

	.softwaresideimg {
		position: absolute;
		right: 0;
		width: 34%;
		top: 0
	}

	.tabdiv {
		background: #f5f5f5;
		padding: 30px 0
	}

	p.p-md {
		font-size: 15px !important;
		line-height: initial !important
	}

	.project-grid.project-style-2 {
		box-shadow: none;
		position: relative;
		margin-bottom: 28px
	}

	.centered-container.lastlio {
		display: none
	}

	.newsletter-form .btn {
		display: block;
		width: auto;
		height: 39px;
		font-size: 11px;
		padding: 0 15px;
		margin-left: 0
	}

	h2.h2-xs {
		font-size: 2rem !important
	}

	.project-add-banner .thumbnail {
		margin: -170px 0 -110px;
		display: none
	}

	.project-add-banner .content {
		padding-right: 0
	}

	.home-pagebanner p {
		color: #0f0f0f !important;
		font-size: 15px !important;
		line-height: initial
	}

	.topbrandul ul {
		display: -webkit-box !important
	}

	.topbrandul ul li {
		border-right: 2px solid #ffffff21;
		padding-right: 2px !important;
		padding-left: 2px !important;
		display: initial
	}

	.intro .left {
		width: 100%;
		height: 30%
	}

	.intro .slider {
		width: 100%;
		height: 70%
	}
}

a.iso {
	border-left: 1px solid #ffffff4f;
	margin-left: 6px
}

.biz-blockchain .col-md-6 .inner {
	border: 1px solid #00000012;
	padding: 31px;
	margin-bottom: 2pc
}

.biz-blockchain .col-md-6:nth-child(odd) .inner {
	background: #e6e8ef;
	padding: 31px;
	margin-bottom: 2pc
}

.iso img {
	width: 43px
}

.iso b {
	font-size: 16px;
	color: #fff
}

.dmca img {
	width: 154px
}

.position {
	position: absolute;
	top: 0
}

.managedsupport-services h2 span {
	color: #29338a;
	font-weight: 700;
	font-size: 28px
}

.managedsupport-services .inner {
	margin-top: 5rem;
	padding-left: 1rem
}

.managedsupport-services .ulrow {
	background: #fff;
	margin-left: -6rem;
	margin-top: 2rem;
	padding: 29px 20px;
	border-radius: 15px;
	box-shadow: 0 0 17px -7px #0000004f
}

.managedsupport-services .ulrow li {
	margin-bottom: 4px;
	font-weight: 400
}

.managedsupport-services .ulrow li svg {
	margin-right: 5px;
	color: #ff0684
}

.managedsupport-services h2 {
	font-size: 25px;
	font-weight: 100
}

.qa-approach h2 {
	font-size: 25px;
	font-weight: 100;
	color: #fff
}

.qa-approach {
	background: #29338a
}

.qa-approach h2 span {
	color: #fff;
	font-weight: 600;
	font-size: 35px
}

.cto-section h2 {
	font-size: 25px;
	font-weight: 100;
	color: #fff
}

.cto-section h2 span {
	color: #fff;
	font-weight: 600;
	font-size: 35px
}

.teamwork h2 span {
	color: #29338a;
	font-weight: 700;
	font-size: 35px
}

.teamwork h2 {
	font-size: 25px;
	font-weight: 100
}

.screens-section h2 {
	font-size: 35px;
	font-weight: 100
}

.screens-section h2 span {
	color: #29338a;
	font-weight: 700
}

.mobilemenu {
	display: none
}

@media screen and (max-width:700px) {
	#logo-1 .brand-logo img {
		padding: 3px 10px !important
	}

	#hero-3 {
		background-image: none !important;
		padding-top: 0;
		padding-bottom: 0
	}

	.contact-pagebanner-div .col-md-6.col-xl-6.order-md-1.order-2 h1 {
		font-size: 2.5rem;
		padding-right: 0;
		font-weight: 100;
		padding-left: 0;
		text-align: left;
		margin-top: 4%
	}

	.contact-pagebanner-div .firstlii {
		color: #6afff1 !important;
		font-weight: 400 !important;
		font-size: 17px !important;
		margin-bottom: 1% !important
	}

	.screens-section .app-box p {
		padding: 0 0
	}

	.screens-section .location {
		margin: inherit !important;
		padding: 14px 13px;
		font-size: 13px !important;
		margin-top: 6% !important;
		background: #29338a;
		background-image: none !important
	}

	.screens-section .app-box.text-center.mb-40.wow.fadeInUp {
		text-align: left !important
	}

	.heading2.marginauto.textcenter.text-light {
		color: #fff;
		font-size: 1.5rem !important
	}

	.lastsepdiv1s .banner-fuga-inline022 p {
		font-size: 13px !important
	}

	.screens-section .m-img img {
		width: 100%;
		height: auto
	}

	.screens-section .atag span {
		font-size: 21px
	}

	.screens-section.pt-80 {
		padding-top: 39px
	}
}

.top-banner-area img {
	height: 400px;
	width: 100%;
	object-fit: cover
}

.top-banner-area .txt-banner {
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	padding-left: 117px;
	color: #fff;
	width: 53%
}

.top-banner-area {
	position: relative
}

.top-banner-area .txt-banner h1 {
	color: #fff;
	font-size: 47px
}

.clutch-box-area {
	display: flex;
	align-items: center
}

.clutch-img img {
	width: 139px
}

.rate-clutch {
	display: flex;
	align-items: center
}

.rate-box span {
	font-size: 42px;
	color: #333;
	font-weight: 700
}

.rate-box sub {
	font-size: 31px;
	font-weight: 100;
	color: #6b6a6a
}

.rate-clutch h3 {
	text-transform: capitalize;
	font-size: 34px;
	padding-left: 10px
}

section.our-language {
	position: relative;
	padding-top: 80px;
	padding-bottom: 41px
}

.our-language .inner-lang-area {
	display: flex;
	flex-wrap: wrap;
	border-radius: 20px;
	background: #000
}

.lang-content-area {
	width: calc(100% - 419px)
}

.our-language nav {
	width: 419px;
	height: 100%;
	position: sticky;
	top: 89px;
	background: #000;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	padding: 19px
}

.our-language nav ul li a {
	font-size: 27px;
	font-weight: 300;
	display: block;
	padding: 3px 14px;
	margin: 0 0 6px 0;
	color: #fff;
	text-decoration: none;
	transition: all .2s ease
}

.our-language nav ul li {
	margin-bottom: 19px;
	display: block
}

.our-language section {
	width: 100%;
	padding: 50px;
	background: #fff;
	min-height: 500px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px
}

.our-language section:nth-child(even) {
	background: #ecf0f1
}

.our-language section:nth-child(odd) {
	background: #d3e3fd
}

.our-language a:hover.active {
	color: #fff
}

.our-language nav ul li a:hover {
	color: #52c4b6
}

.our-language a.active {
	background: #52c4b6;
	border-radius: 10px;
	color: #000
}

.lang-box {
	top: 40px;
	width: 100%;
	height: 100vh;
	background: #000
}

@media (max-width:575.98px) {
	.heading {
		font-size: 2.5rem
	}

	.section-scroll .item {
		display: flex
	}

	.section-scroll .item_content,
	.section-scroll .item_media {
		height: 50vh;
		width: 100%;
		padding-top: 0;
		padding-bottom: 0
	}

	.section-scroll .item_number {
		font-size: .5rem;
		top: 1.5rem
	}
}

.project-vedio-box video {
	width: 100%;
	height: 400px;
	border-radius: 20px
}

.project-detail-box .inner-project-content {
	padding: 13px 37px
}

.project-vedio-box img {
	width: 100%;
	transform: scale(.9);
	height: 321px;
	transition: .5s ease-in-out;
	border-radius: 20px
}

.project-detail-box {
	background: #fff;
	overflow: hidden;
	border-radius: 20px
}

.project-detail-box:hover .project-vedio-box img {
	transform: scale(1)
}

.section-scroll .horizontal-list .item_content {
	background-color: #fff0
}

.locatiuon-tab-area .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	color: #52c4b6;
	background-color: #fff0
}

.locatiuon-tab-area .nav-link {
	display: block;
	padding: .5rem 1rem;
	text-decoration: none;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
	border: none;
	background: 0 0;
	text-align: left;
	font-size: 23px
}

.locatiuon-tab-area .section-title h2 {
	font-size: 39px !important
}

.location-tab-content-area {
	padding-top: 39px;
	padding-left: 37px;
	background: #f9f9f9;
	padding-right: 29px;
	border-radius: 23px;
	margin-left: 69px;
	padding-bottom: 69px
}

.location-title-area h2 {
	font-size: 40px;
	font-weight: 400
}

.location-title-area p {
	font-size: 20px;
	margin-bottom: 5px
}

.locatiuon-tab-area {
	margin-top: 19px
}

.tab-subinner-craft h4 {
	font-size: 30px;
	font-weight: 300;
	margin-bottom: 34px;
	line-height: 1.5
}

.cta_para {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	line-height: 26px
}

.common__btn .btn-effect:hover svg {
	stroke: #06f
}

.common__btn .btn-effect:hover {
	color: #06f
}

.industry_cta .common__btn {
	margin-top: 35px
}

.industry_cta .common__btn a {
	background-color: #06f;
	border: 2px solid #06f;
	padding: 11px 20px;
	color: #fff;
	font-weight: 600
}

.Filter-portfolio {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(157px, 1fr));
	gap: 10px;
	background: #fdfdfd1a;
	padding: 9px;
	border-radius: 15px;
	align-items: center;
	margin-top: 39px;
	grid-template-columns: 90px 1fr 1fr 1fr 1fr 1fr
}

.filter-text {
	font-size: 17px;
	color: #fdfdfd
}

.filter-btn-area {
	display: flex;
	justify-content: end;
	gap: 6px;
	flex-wrap: wrap
}

.about-project-content-area h5 {
	font-size: 29px;
	color: #0ca59b
}

@media (min-width:701px) and (max-width:1180px) {
	.contact-pagebanner-div .col-md-6.col-xl-6.order-md-1.order-2 h1 {
		font-size: 2.9rem
	}
}

@media(max-width:1400px) {
	.succes-box:nth-child(5) {
		left: -489px;
		top: -54px
	}

	.succes-box:nth-child(4) {
		left: -210px;
		top: 205px
	}

	.hexadash-area .hexadash .hexadash-heading {
		padding: 0 11px
	}

	.hexadash {
		padding: 39px 6px
	}

	.menu>.nav-item>.nav-link {
		font-size: 15px;
		padding: 11px 0;
		line-height: 12px;
		margin-right: 5px
	}

	.firstdropmenu .col-md-3 .nav-link {
		padding: .3rem 0
	}

	.navdiv {
		margin-right: 7px;
		padding: 3px 3px;
		width: 29px;
		height: 29px
	}

	.firstdropmenu .col-md-3 .navdiv2 .menu-heading {
		font-size: 13px
	}

	.firstdropmenu .col-md-3 .navdiv2 p {
		font-size: 11px
	}

	.menu>.nav-item.dropdown .dropdown-menu {
		width: 94%
	}

	.listdiv .portfolio-description .port-top-info>p {
		font-size: 15px
	}

	.all-services-content h3 {
		font-size: 2.1rem;
		margin-bottom: 1rem
	}

	.listdiv .portfolio-description ul.features li {
		font-size: 14px
	}

	.hometopbtn a {
		padding: 11.1235px 14px !important
	}

	.btnchangesa {
		line-height: 1;
		font-size: .625rem;
		padding: 11px 13px
	}

	.counter-area-partner .count-inner .count-num {
		font-size: 35px
	}

	.btn-nxt {
		padding: .625em 1em;
		font-size: .675em
	}

	.textbox p {
		font-size: 13px
	}

	.media-inner-heading {
		font-size: 1.05rem
	}

	p {
		font-size: .8rem
	}
      ul li, ol li{
        font-size: .8rem
      }
      .rightside.policy-area ul li {
        font-size: .8rem;
        
    }
	.aboutdiv2 p.poc-area {
		margin-bottom: 12px
	}

	.btn.btn-nxt-bg {
		font-size: .675em
	}

	.testimonials-card .downpara {
		font-size: 18px
	}

	.top-bg-project .rt-inner p {
		font-size: 20px
	}

	.top-bg-project .rt-inner .rt-inner-heading {
		font-size: 2.5rem
	}

	p.p-md {
		font-size: 1rem
	}

	.video-testimonial-content h3 {
		font-size: 15px;
		width: 100%
	}

	#blog-11 .leadmagnet .hometopbtn a {
		padding: 9px 13px !important;
		font-size: 14px !important
	}
}

@media(max-width:1300px) {
	.careersection .heading--h1 {
		font-size: 30px
	}

	.last--top-ser {
		min-height: 469px
	}

	.careersection .paragraph {
		font-size: 17px;
		line-height: 1.6;
		padding-right: 0;
		margin: 0 0 1.2rem
	}

	.hexadash::after,
	.hexadash::before {
		border-left: 73px solid #fff0;
		border-right: 73px solid #fff0
	}

	#blog-11 h5 a {
		font-size: 16px;
		line-height: 1.7
	}

	.porfolio-area-list.inner-portfolio-list-area .service--image {
		padding-left: 25px
	}

	.porfolio-area-list.inner-portfolio-list-area .service--image img {
		border-radius: 30px !important
	}

	.porfolio-area-list.inner-portfolio-list-area .service--image:hover img {
		transform: scale(1)
	}

	#blog-11 .blog-post-txt.setheighttext h5 {
		font-size: 16px;
		line-height: 23px
	}

	.top-bg-project .lt-inner h2 {
		font-size: 32px
	}

	#blog-11 .blog-post .blog-post-txt .blogdes {
		font-size: 15px
	}

	.fullwidht.wf-section form.wpcf7-form .input-group p:nth-child(1) {
		width: 100%;
		margin-bottom: 11px !important
	}

	.fullwidht.wf-section form.wpcf7-form .input-group p {
		width: 100%
	}

	.home-pagebanner .hero-txt .h1csscommon {
		font-size: 37px
	}

	.topbrandul ul li img {
		width: 86px !important
	}

	.home-pagebanner .Slider-slide .imgboxsec {
		padding: 23px;
		text-align: center
	}

	.ft-area-most a {
		font-size: 18px
	}

	.succes-box:nth-child(5) {
		left: 202px;
		top: 176px
	}

	.succes-box:nth-child(2) {
		top: 178px;
		left: 0
	}

	.succes-box:nth-child(3) {
		left: -46px
	}

	.succes-box:nth-child(4) {
		left: 0
	}

	.footer-socials-links .h5-sm {
		padding: 0 8px
	}

	.menu>.nav-item.dropdown .dropdown-menu {
		width: 93%
	}

	.leadmagnet .blog-post-img img {
		object-fit: unset
	}

	.division-services .h1csscommon {
		font-size: 3rem;
		line-height: 1.3
	}

	.all-services-content h3 {
		font-size: 2rem;
		margin-bottom: .6rem
	}

	.listdiv .portfolio-description .port-top-info>p {
		font-size: 16px
	}

	.top_title_wrapper .top_title {
		font-size: 39px
	}

	.all-serivices-list p {
		font-size: 15px
	}

	.full-stack-partner .full-stack-block:after {
		top: 272px
	}

	.full-design-list h6 {
		font-size: 11px
	}

	.top-banner-inner-page .portfolio-description {
		padding: 17px 0
	}

	.banner-fuga-inlineexpr p.p-md {
		font-size: 1.025rem
	}

	section.info-1-row.info-section.division h3.h3-xl {
		font-size: 2.4rem
	}

	.icon-list-wrapper.box-wrapper {
		margin-bottom: 2rem
	}

	.apply-form {
		padding: 100px
	}

	.apply-form h3 {
		font-size: 30px;
		margin-bottom: 42px
	}

	.counter-area-partner {
		grid-template-columns: repeat(auto-fit, minmax(191px, 1fr));
		padding: 9px;
		gap: 9px;
		margin-top: 4px
	}

	.text-part-big {
		font-size: 3.7rem
	}

	.aboutdiv1 {
		padding: 17px
	}

	.firstdropmenu .col-md-6 img {
		width: 73%
	}

	.downtext .title {
		font-size: 18px;
		margin-bottom: 7px
	}

	.downtext p {
		font-size: 14px !important
	}

	.navdiv {
		width: 25px;
		height: 25px
	}

	.abouttab .menu-heading {
		font-size: 14px
	}

	.menu .dropdown-menu.small-menu-item .bottom .menu-heading {
		margin-bottom: 11px;
		font-size: 1.3rem
	}

	.menu>.nav-item>.nav-link {
		font-size: 13px
	}

	header .navbar .navbar-brand span {
		margin-top: 22px;
		font-size: 13px
	}

	ul.features {
		font-size: .9rem
	}

	.all-services-content h3 {
		font-size: 1.6rem
	}
}

@media(max-width:1200px) {
	.home-pagebanner {
		height: 676px
	}

	section.bizbrolly-locations .row .col-lg-2 {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(221px, 1fr));
		flex: 1;
		max-width: 100%
	}

	.top_title_wrapper .top_title {
		font-size: 43px
	}

	.navbar-text {
		margin-left: 0 !important
	}

	.menu>.nav-item>.nav-link {
		font-size: 15px;
		padding: 16px 0
	}

	.logo_two img {
		width: 113px
	}

	.careersection .heading--h1 {
		font-size: 27px
	}

	.careersection .paragraph {
		font-size: 15px;
		line-height: 1.6
	}

	.btn-nxt {
		padding: .545em 1em;
		font-size: .835em
	}

	.listdiv .portfolio-description ul.features li {
		font-size: 14px
	}

	ul.features {
		font-size: .8rem
	}

	.all-services-content h3 {
		font-size: 1.5rem
	}

	.navbar .btn {
		font-size: .635rem
	}

	.blog-post-txt h5 {
		margin-bottom: 9px;
		margin-top: 0
	}

	.section__title-wrapper .subtitle {
		font-size: 23px
	}

	section.blog-section.division {
		margin-top: 59px
	}

	.blog-section.division {
		margin-bottom: 59px
	}

	section.blog-section {
		margin-top: 41px
	}

	.division-services .h1csscommon {
		font-size: 2.9rem
	}

	.w-70 {
		width: 90% !important
	}

	.listdiv .portfolio-description .port-top-info>p {
		font-size: 16px !important
	}

	.top_title_wrapper .top_title {
		font-size: 36px
	}

	.infinite-inner-content .infi-img-block {
		margin-bottom: 13px
	}

	.content-block-infinite {
		padding: 0 15px
	}

	.text-part-big {
		font-size: 3.2rem;
		color: #2b388e;
		line-height: 4.5rem
	}

	.counter-area-partner {
		grid-template-columns: repeat(auto-fit, minmax(284px, 1fr));
		margin-top: 0
	}

	.aboutdiv1 {
		padding: 13px
	}

	.textbox p {
		font-size: 13px
	}

	.hexadash-area {
		gap: 5px
	}

	.hexadash::before {
		top: -41px;
		border-bottom: 42px dashed #fff
	}

	.hexadash-area .hexadash .hexadash-heading {
		font-size: 12px;
		padding: 0 4px
	}

	.hexadash {
		padding: 25px 4px
	}

	.hexadash-area {
		margin-top: 29px;
		margin-bottom: 29px
	}

	.hexadash-area .hexadash p {
		font-size: 10px
	}

	.aboutdiv2 {
		padding: 34px 18px !important
	}

	.aboutdiv2 .media-inner-heading {
		line-height: 1.6;
		font-size: 1rem
	}

	.inner-lt-port .perct-box {
		font-size: 33px
	}

	.inner-lt-port .media-inner-heading {
		font-size: 13px;
		margin-bottom: 2px
	}

	.inner-lt-port p {
		font-size: 12px
	}

	.aboutdiv2 p.poc-area {
		margin-bottom: 25px;
		font-size: 14px
	}

	.staff-inner-area {
		padding: 0 41px 0 5px
	}

	.staff-inner-area .media-inner-heading {
		font-size: 18px
	}

	section#media-1 .mt-5 {
		margin-top: 2rem !important
	}

	.testimonials-card .downpara {
		font-size: 17px;
		width: 100%
	}

	.lt-inner-partner h2 {
		font-size: 27px
	}

	.top-bg-project {
		padding: 33px;
		margin-top: 25px
	}

	.top-bg-project .lt-inner {
		padding: 19px
	}

	.top-bg-project .lt-inner h2 {
		font-size: 33px
	}

	.top-bg-project .rt-inner {
		padding: 31px
	}

	.top-bg-project .rt-inner .rt-inner-heading {
		font-size: 2rem
	}

	.top-bg-project .rt-inner p {
		font-size: 19px
	}

	.top_title_wrapper p.fs-18 {
		font-size: 16px;
		margin-top: 11px
	}

	.all-services-content p {
		font-size: 1rem
	}

	.product-cat-navigation a.navbar-brand.logo_two {
		display: none
	}

	.product-cat-navigation .hometopbtn {
		display: none
	}

	.product-cat-navigation {
		justify-content: center
	}

	.case_img_panel figure:nth-child(4):after {
		right: -37px;
		top: -30px
	}

	.case_img_panel figure:nth-child(1):before {
		left: -48px;
		bottom: -236px
	}

	.lang-top-head-title h2 {
		font-size: 30px
	}

	section.info-1-row.info-section.division h3.h3-xl {
		font-size: 2.2rem
	}

	.icon-list-wrapper.box-wrapper h4 {
		font-size: 21px
	}

	.counter-area-partner .count-inner:nth-child(5) .count-heading {
		color: #fff;
		font-size: 15px;
		padding-bottom: 9px
	}

	.counter-area-partner {
		grid-template-columns: repeat(auto-fit, minmax(173px, 1fr))
	}
}

@media(max-width:1080px) {
	header .navbar .navbar-brand span {
		display: none
	}

	.division-services .h1csscommon {
		font-size: 2.5rem
	}

	.all-services-content h3 {
		font-size: 1.6rem;
		margin-bottom: .5rem
	}

	.full-stack-partner .full-stack-block:after {
		left: -14px;
		right: -14px
	}

	.foots-links li {
		margin-right: 25px
	}

	.foots-links li .h5-sm {
		font-size: 15px
	}

	.ft-area-most a {
		font-size: 15px;
		font-weight: 500
	}

	.listdiv .portfolio-description .port-top-info>p {
		font-size: 14px !important
	}

	.btn.btn-green svg {
		width: 19px;
		height: 19px
	}

	.top_title_wrapper .top_title {
		font-size: 31px
	}

	.all-serivices-list p {
		font-size: 14px
	}

	.all-services-content h3 {
		font-size: 1.5rem
	}

	.expertise-secondsection strong {
		font-size: 21px
	}

	.text-part-big {
		font-size: 2.7rem;
		color: #2b388e;
		line-height: 4.5rem
	}

	.lt-inner-partner h2 {
		font-size: 21px
	}

	.lt-inner-partner p {
		font-size: 14px
	}

	.counter-area-partner .count-inner .count-num {
		font-size: 37px
	}

	.count-inner .count-text {
		font-size: 16px
	}

	.listdiv .portfolio-description ul.features li {
		padding: 6px 21px 7px 0;
		font-size: 13px
	}

	.all-services-content p {
		font-size: .91rem;
		padding-bottom: 1em
	}

	.listdiv .portfolio-description strong {
		font-size: 15px !important;
		margin-bottom: 2px !important
	}

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

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

	.setht1 {
		letter-spacing: .2px !important;
		font-size: 12px !important;
		padding: 8px 13px !important
	}

	.aboutsectionedit .section-title h2 {
		font-size: 31px
	}

	.btn.btn-nxt svg {
		margin-left: 5px !important;
		width: 17px;
		margin-right: 0 !important
	}

	.btn-nxt {
		padding: .545em .9em;
		font-size: .735em
	}

	.aboutsectionedit .section-title p {
		font-size: 14px
	}

	.aboutsectionedit .col-md-4,
	.aboutsectionedit .col-md-8 {
		padding-left: 5px;
		padding-right: 5px;
		display: flex
	}

	.aboutdiv1 ul.certi-logos li {
		width: 15%;
		margin-right: 18px
	}

	.img-clutch img {
		width: 78%
	}

	.clutuc-second {
		grid-template-columns: 78px 1fr
	}

	.top-bg-project .lt-inner h2 {
		font-size: 30px
	}

	.top-bg-project .rt-inner p {
		font-size: 17px
	}

	.top-bg-project {
		padding: 21px
	}

	.video-testimonial-content h4 {
		font-size: 15px !important;
		width: 100%
	}

	#blog-11 .section__title-wrapper h2 span {
		font-size: 30px
	}

	#logo-1 h2 span {
		font-size: 33px
	}

	.btn.btn-green svg {
		margin-right: 8px !important
	}

	#blog-11 .leadmagnet .hometopbtn a {
		font-size: 13px !important
	}

	p {
		font-size: .9rem
	}

	.rightside.policy-area ul li {
		font-size: .9rem
	}

	.main-policy-area .section__title-wrapper .subtitle {
		font-size: 31px
	}

	.main-policy-area .section__title-wrapper {
		margin-bottom: 18px
	}

	#blog-11.wide-60 {
		padding-bottom: 0
	}

	.full-stack-partner .full-stack-block:after {
		top: 256px
	}

	.full-design-list h6 {
		font-size: 10px
	}

	.top_title_wrapper p.fs-18 {
		font-size: 15px
	}

	.all-services-content h3 {
		font-size: 1.3rem
	}

	.all-services-content p {
		font-size: .89rem;
		padding-bottom: .6em;
		line-height: 1.5
	}

	.e-con-content-area {
		padding-top: 45px;
		padding-bottom: 45px
	}

	.btnchangesa {
		font-size: .725rem;
		padding: 14px 19px
	}

	.border-box-third .topbrandul.topbrandul22 {
		margin-bottom: 20px
	}

	.case_img_panel figure:nth-child(1):before {
		left: -35px;
		bottom: -191px
	}

	.case_img_panel figure:nth-child(4):after {
		right: -40px;
		top: -71px
	}

	.lang-top-head-title h2 {
		font-size: 26px
	}

	.lang-top-head-title p {
		width: 89%
	}

	.lang-top-head-title {
		margin-bottom: 1rem
	}

	.banner-fuga-inlineexpr p.p-md {
		font-size: .9rem
	}

	.heading2.marginauto {
		font-size: 27px
	}

	section.info-1-row.info-section.division h3.h3-xl {
		font-size: 2rem
	}

	.icon-list-wrapper.box-wrapper h4 {
		font-size: 20px
	}

	.icon-list ul li .icon {
		width: 5rem;
		height: 5rem
	}

	.lang-top-head-title h2 {
		font-size: 25px;
		line-height: 2.6rem
	}

	.aboutsectionedit .col-md-4,
	.aboutsectionedit .col-md-8 {
		display: unset
	}

	.aboutdiv1 {
		padding: 10px
	}

	.hexadash-area .hexadash img {
		width: 15px
	}

	.hexadash {
		padding: 40px 4px
	}

	.hexadash-area .hexadash .hexadash-heading {
		font-size: 10px;
		padding: 0 4px
	}

	.hexadash-area .hexadash p {
		font-size: 9px
	}
}

@media(max-width:1080px) {
	.workflow-set .exper-toggle {
		width: 22%;
		margin-bottom: 10px
	}

	.workflow-set .exper-toggle .exper-heading {
		font-size: 12px
	}

	.counter-area-partner {
		grid-template-columns: repeat(auto-fit, minmax(245px, 1fr))
	}

	.counter-area-partner .count-inner:nth-child(5) .count-heading {
		padding-left: 11px;
		padding-right: 11px
	}
}

@media(max-width:991px) {
	.home-pagebanner {
		height: 1086px
	}

	.porfolio-area-list.inner-portfolio-list-area .service--image {
		padding-left: 29px;
		padding-right: 29px
	}

	#input-phone .h6-sm {
		width: 262px;
		font-size: 14px
	}

	.hexadash {
		padding: 64px 4px
	}

	.hexadash-area .hexadash .hexadash-heading {
		font-size: 11px
	}

	.hexadash-area .hexadash p {
		font-size: 10px
	}

	.hexadash-area .hexadash img {
		width: auto
	}

	.rightside.policy-area h2 {
		font-size: 20px
	}

	#hero-8 .hero-txt .stores-badge {
		justify-content: center
	}

	#hero-11 p,
	#hero-8 p {
		padding-right: 0 !important
	}

	.counter-area-partner {
		grid-template-columns: repeat(auto-fit, minmax(222px, 1fr))
	}

	.apply-form {
		padding: 70px;
		border-top-left-radius: 107px;
		border-bottom-right-radius: 107px
	}

	.apply-form h3 {
		font-size: 22px;
		margin-bottom: 41px
	}

	.menu>.nav-item>.nav-link:hover {
		color: #fff;
		border-bottom-color: #5aceb5
	}

	.menu>.nav-item>.nav-link {
		color: #fff
	}

	#logo-1 .brand-logo img {
		padding: 5px 11px
	}

	.menu .dropdown {
		position: relative
	}

	.menu>.nav-item.dropdown .dropdown-menu {
		width: 100%
	}

	.bottomico .h5-sm {
		background: 0 0
	}

	.categorypage-ui {
		margin-top: 7px !important;
		margin-bottom: 25px
	}

	#blog-11 .blog-post-txt {
		padding: 15px 15px
	}

	h5.h5-sm {
		height: auto
	}

	.sideblogimg {
		margin-top: 19px;
		width: 100% !important
	}

	.aboutdiv1 ul.certi-logos li {
		width: 23%
	}

	.banner-fuga-inline022 {
		padding: 21px 10px !important
	}

	.heading2.marginauto.textcenter.text-light {
		padding-right: 10px;
		font-size: 1.7rem !important
	}

	.blog-post-img.mb-25 img {
		max-width: 100% !important;
		width: 100%
	}

	.footer-copyright {
		float: unset !important;
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-top: 0
	}

	.footer-socials-links11 {
		float: unset !important;
		display: flex;
		justify-content: center;
		margin-top: 0
	}

	.footer-copyright {
		align-items: flex-start !important
	}

	.footer-copyright p {
		font-size: 13px
	}

	.leftcol {
		margin-top: 0
	}

	.footer-links {
		margin-bottom: 39px
	}

	#blog-11 .blog-post {
		padding-right: 0;
		margin-bottom: 25px
	}

	#blog-11 .blog-post .blog-post-txt .blogdes {
		padding-right: 0
	}

	.navv {
		width: 64px;
		position: relative;
		top: 33%
	}

	.leadmagnet .blog-post-img img {
		object-fit: unset
	}

	.fullwidht.wf-section form.wpcf7-form .input-group p:nth-child(1) {
		width: 80%;
		margin-bottom: 11px !important
	}

	.fullwidht.wf-section form.wpcf7-form .input-group p {
		width: 20%
	}

	ul.navbar-nav.ml-auto.menu.menu {
		height: 89vh;
		overflow: scroll;
		background: #232527;
		padding: 15px;
		margin-top: 13px;
		padding-bottom: 90px;
		border-radius: 20px
	}

	.sep {
		width: 36% !important;
		float: right !important;
		position: absolute !important;
		right: -5% !important;
		bottom: -12% !important
	}

	.menuimg {
		width: 18px
	}

	.navdiv {
		background: #fff;
		width: 28px;
		height: 28px;
		margin-right: 7px;
		padding: 3px;
		border-radius: 5px
	}

	.lowersection .navdiv {
		background: #00000073;
		border-radius: 7px
	}

	.firstdropmenu .col-md-3 .nav-link:hover {
		background: #fff0;
		border-bottom: 1px solid #0096886b
	}

	.firstdropmenu .col-md-6 {
		background: #4950504d;
		border-top-left-radius: 41px;
		border-bottom-right-radius: 41px
	}

	.firstdropmenu .col-md-3 .navdiv2 .menu-heading {
		font-size: 12px !important;
		margin: 0 0 0;
		color: #fff;
		font-weight: 300
	}

	.menu .dropdown-menu.small-menu-item .bottom .menu-heading {
		color: #fff;
		font-size: 19px
	}

	.firstdropmenu .col-md-3 .navdiv2 p {
		font-size: 10px
	}

	.firstdropmenu .col-md-3 {
		padding: 0 1% 0;
		margin-bottom: 5px;
		width: 50%
	}

	.lowersection {
		width: 100%;
		margin-top: 11px;
		margin-bottom: 11px;
		display: flex;
		flex-wrap: wrap
	}

	.lowersection .col-md-3 .firsttnav2 {
		margin-right: 1%;
		padding: 2%
	}

	.lowersection .col-md-3 .firsttnav {
		margin-right: 1%;
		padding: 2%
	}

	.menu>.nav-item.parent-active>.nav-link {
		font-family: Poppins, sans-serif;
		border-bottom-color: unset
	}

	.menu>.nav-item.dropdown .dropdown-menu {
		box-shadow: unset !important;
		min-width: 100%;
		background: 0 0;
		width: 100% !important
	}

	.menu .dropdown-menu.small-menu-item .key-points {
		margin-bottom: 10px;
		gap: 11px
	}

	.menu>.nav-item.dropdown .dropdown-menu {
		border-radius: 0 !important
	}

	.menu>.nav-item>.nav-link {
		border-bottom: 0 solid #232527
	}

	header .navbar {
		padding: 13px
	}

	.menu.menu li.nav-item {
		margin-right: 0
	}

	.firstdropmenu {
		padding: 0 0 !important
	}

	.downtext .title a {
		font-size: 18px;
		color: #fff
	}

	.downtext p {
		margin-top: 5px;
		color: #fff;
		font-size: 14px !important
	}

	.abouttab .menu-heading {
		font-weight: 300;
		color: #fff;
		font-size: 13px !important;
		margin-top: 6px
	}

	.download-book-top-area {
		padding-left: 0;
		margin-bottom: 51px
	}

	.about-second-area {
		padding: 4px 0 0
	}

	.about-center-text {
		padding: 41px 44px 14px
	}

	.terms-banner-rt-img {
		margin-top: 57px
	}

	#hero-8 {
		padding-top: 105px
	}

	.bizbrolly-locations .inner-div {
		margin-bottom: 51px;
		padding: 0 20px
	}

	#vedio-pf .modal-content button.btn.btn-link.btn-close {
		right: -11px;
		top: -51px
	}

	.footer-links {
		margin-top: 31px !important
	}

	#footer-2 {
		padding-top: 29px
	}

	.top_title_wrapper .top_title {
		font-size: 31px
	}

	.careersection .heading--h1 {
		font-size: 23px
	}

	.careersection .paragraph {
		font-size: 13px;
		line-height: 1.6
	}

	#blog-11 .leadmagnet .hometopbtn a svg {
		margin-right: 4px !important;
		width: 20px
	}

	#blog-11 .leadmagnet .hometopbtn a {
		font-size: 13px !important
	}

	p {
		font-size: .9rem
	}

	.portfolio-description {
		padding: 35px
	}

	.infinite-project-list .row .col-lg-6:nth-child(even) .infinite-inner-content {
		margin-top: 70px;
		margin-bottom: 70px
	}

	.infinite-inner-content .portfolio-description {
		padding-top: 5px
	}

	.banner-fuga-inlineexpr p {
		padding-right: 20px;
		font-size: 14px !important;
		margin-bottom: 20px
	}

	.division-services .h1csscommon {
		font-size: 2rem
	}

	.top-servi .content p {
		padding-left: 10px;
		padding-right: 10px
	}

	.top-servi.last--top-ser p.p-md.parap {
		width: 54%;
		margin-left: 3px
	}

	.top-servi .content h3 {
		padding-top: 15px;
		padding-left: 10px;
		padding-right: 10px
	}

	.top-servi .content h3 a {
		font-size: 18px
	}

	.top-servi .parap {
		font-size: 14px
	}

	p {
		font-size: .9rem
	}

	.hero-txt {
		text-align: center
	}

	.home-pagebanner p {
		width: 100%
	}

	.newsletter-form .input-group {
		justify-content: center
	}

	.Slider-slide .slider-logo {
		justify-content: center
	}

	.rt-inner-partner {
		height: 299px;
		position: relative
	}

	.aboutdiv1 {
		margin-bottom: 25px
	}

	.aboutdiv01.staff-area {
		margin-top: 29px;
		height: 372px
	}

	.testimonials-card .downpara {
		font-size: 15px
	}

	.expertise-list {
		padding: 16px 31px
	}

	.exper-toggle img {
		width: 27px
	}

	.expertise-secondsection .sec-title.pl-5 {
		padding-left: 23px !important
	}

	main.main-wrapper .section__title-wrapper {
		position: relative;
		top: 0
	}

	.btn-nxt {
		font-size: .735em
	}

	.section-scroll .list {
		height: 100vh
	}

	.hexadash::before {
		top: -48px;
		border-bottom: 49px dashed #fff
	}

	.hexadash::after {
		bottom: -49px;
		border-top: 50px dashed #fff
	}

	.menu>.nav-item>.nav-link {
		width: calc(100% - 30px);
		z-index: 1
	}

	.menu>.nav-item>svg {
		position: absolute;
		right: -6px;
		top: 13px;
		z-index: 99;
		width: 50px;
		color: #fff;
		padding: 8px
	}

	.menu.menu li.nav-item {
		position: relative
	}

	.menu .dropdown-menu.small-menu-item .bottom {
		background: #0000;
		padding: 0;
		border-radius: 0 0 2rem 2rem
	}

	.menu .dropdown-menu.small-menu-item .key-points img {
		padding: 3px;
		filter: unset;
		opacity: unset;
		background: #fff;
		border-radius: 3px
	}

	.menu .dropdown-menu.small-menu-item .key-points .key-point-heading {
		color: #fff
	}

	.menu .dropdown-menu.small-menu-item .key-points p {
		font-weight: 400;
		color: #ebebebb5
	}

	.menu .dropdown-menu.small-menu-item {
		transform: translateY(0) translateX(0) !important
	}

	.menu .dropdown-menu.small-menu-item .bottom h4 {
		margin-bottom: 17px;
		color: #fff
	}

	.dropdown-menu.show {
		border-top: 5px solid #53c5b6 !important;
		border-radius: 0
	}

	.header_area .navbar-text.white-color.hometopbtn {
		position: absolute;
		right: 59px;
		top: 12px
	}

	.menu .dropdown-menu.small-menu-item {
		width: 100%
	}

	.inner-pert-area .inner-lt-port {
		text-align: left
	}

	.all-services-content {
		padding: 0 10px
	}

	.all-services-content h3 {
		margin-top: 20px
	}

	.content-block-infinite .all-services-content h3 {
		margin-top: 10px
	}

	.listdiv .portfolio-description .port-top-info>p {
		font-size: 13px !important
	}

	.lang-top-head-title h2 {
		font-size: 26px !important;
		line-height: 2.6rem
	}

	.lang-top-head-title p {
		width: 96%
	}

	.full-design-list h6 {
		font-size: 12px
	}

	.porfolio-area-list.inner-portfolio-list-area .service--image img {
		border-radius: 30px;
		margin-top: 35px
	}

	.porfolio-area-list.inner-portfolio-list-area .service--image:hover img {
		transform: scale(1);
		border-radius: 30px
	}

	.service--image img {
		margin-top: 24px
	}

	.section-scroll .service--image img {
		margin-top: 0;
		max-width: 100%
	}

	.section-scroll .portfolio-description {
		padding: 15px
	}

	.section-scroll .listdiv .portfolio-description ul.features {
		margin-top: 5px;
		flex-wrap: wrap;
		margin-bottom: -10px
	}

	.section-scroll .listdiv .portfolio-description .port-top-info>p {
		margin-top: 0;
		height: 48px;
		overflow: hidden;
		margin-bottom: 11px;
		overflow: hidden;
		text-overflow: ellipsis
	}

	.section-scroll .wrapper {
		padding-top: 41px;
		margin: 0 auto
	}

	.section-scroll .portfolio-description .port-bt-info .lang-case {
		margin-bottom: 5px
	}

	.e-con-content-area {
		background-size: contain
	}

	.division-services {
		padding-top: 43px
	}

	.about-second-area {
		padding: 57px 0 0
	}

	section.technologies-area .container .technology-list-feature:nth-child(even) .row {
		flex-direction: column-reverse
	}

	.rt-tech-area .title {
		color: #000;
		font-size: 1.5rem
	}

	div#latest_blog {
		margin-top: 20px
	}

	#exampleModalLong .popuplogo {
		margin-top: 23px
	}
}

@media(max-width:800px) {
	.counter-area-partner {
		grid-template-columns: repeat(auto-fit, minmax(194px, 1fr))
	}
}

@media (max-width:767px) {
	:root {
		--vh: calc(var(--vh, 1vh) * 100)
	}

	.scroll-section {
		height: var(--vh);
		-webkit-overflow-scrolling: touch
	}

	.section-scroll {
		overflow: visible;
		height: 100vh
	}
}

@media(max-width:767px) {
	.Slider .Slider-slide {
		padding-bottom: 41px
	}

	.apply-form {
		padding: 40px;
		border-top-left-radius: 60px;
		border-bottom-right-radius: 60px
	}

	.apply-form h3 {
		font-size: 20px;
		margin-bottom: 33px
	}

	.Captcha-area .h6-sm {
		font-size: 14px
	}

	.hero-form .register-form .form-control {
		font-size: .8rem
	}

	#exampleModalLong .requset-heading {
		font-size: 21px
	}

	#exampleModalLong p {
		font-size: 16px
	}

	#exampleModalLong .popuplogo {
		display: none
	}

	.video-testimonial-content {
		margin-bottom: 35px
	}

	.workflow-set .exper-toggle {
		width: 25%
	}

	.expertise-list {
		padding: 14px 9px 0;
		background: #fffffffa;
		box-shadow: none;
		border-radius: 17px
	}

	.searchform>div {
		display: unset;
		width: 100%
	}

	.aboutdiv2 {
		text-align: center
	}

	.inner-pert-area .inner-lt-port {
		text-align: center
	}

	.searchdiv input#s {
		width: 100%;
		padding: 22px 14px;
		height: 67px;
		margin-bottom: 20px;
		border-right: unset;
		border: 1px solid #979b9a;
		border-radius: 11px
	}

	.searchdiv #searchsubmit {
		border-radius: 11px
	}

	.searchsection {
		padding-top: 63px
	}

	p {
		font-size: .85rem
	}

	.section-scroll .service--image img {
		max-width: 430px
	}

	.date-bx {
		font-size: 13px;
		margin-bottom: 3px
	}

	.blog-post-txt h5 {
		margin-bottom: 3px;
		margin-top: 3px
	}

	#blog-11 .blog-post-txt {
		padding: 9px 11px
	}

	.blog-section .row .col-md-6.col-lg-4 {
		padding-left: 5px;
		padding-right: 5px
	}

	#blog-11 .blog-post .blog-post-txt .blogdes {
		font-size: 13px;
		margin-bottom: 5px
	}

	.careersection .heading--h1 {
		font-size: 23px;
		padding-right: 0;
		line-height: 31px
	}

	.careersection .paragraph {
		font-size: 15px;
		padding-right: 0
	}

	.row.sitemap-area {
		padding-left: 13px;
		padding-right: 13px
	}

	section.sitemap-section .row {
		padding-left: 19px
	}

	.fullwidht.wf-section form.wpcf7-form .input-group p:nth-child(1) {
		width: 100%;
		margin-bottom: 0px !important
	}

	.fullwidht.wf-section form.wpcf7-form .input-group p {
		width: 100%
	}

	.footer-socials-links {
		margin-left: unset;
		margin-left: auto !important
	}

	.footer-socials-links.text-right {
		margin-top: 0 !important
	}

	.left-biz-logo {
		margin: 0
	}

	.left-biz-logo.d-flex {
		align-items: unset
	}

	.footer-copyright {
		align-items: center !important
	}

	.heading2.marginauto.textcenter.text-light {
		padding-right: 0;
		font-size: 1.5rem !important
	}

	.sections.blog-detail-content p a strong {
		font-size: 12px
	}

	section.blog-section {
		margin-top: 51px
	}

	.section__title-wrapper .subtitle {
		font-size: 22px
	}

	#blog-11 .blog-post-txt.setheighttext h5 {
		font-size: 14px;
		line-height: 1.6
	}

	a.readmore {
		font-size: .8rem
	}

	.succes-box .social-bx svg {
		width: 24px;
		height: 22px
	}

	.succes-box:nth-child(2) {
		top: 57px;
		left: -8px
	}

	.succes-box:nth-child(3) {
		top: -1px
	}

	.succes-box:nth-child(4) {
		left: 14px;
		top: 42px
	}

	.succes-box:nth-child(5) {
		left: 102px;
		top: 79px
	}

	.top_title_wrapper .top_title {
		font-size: 29px
	}

	.about-center-text {
		padding: 58px 22px 11px
	}

	ul.logo-list li {
		width: 215px;
		height: 146px
	}

	#hero-11 p,
	#hero-8 p {
		padding-right: 10px
	}

	.main-policy-area {
		margin-bottom: 14px
	}

	.main-policy-area .section__title-wrapper .subtitle {
		font-size: 32px
	}

	.foots-links li {
		margin-right: 19px
	}

	.foots-links li .h5-sm {
		margin-bottom: 1px;
		font-size: 15px
	}

	.foots-links li p {
		color: #fff !important;
		font-size: 11px;
		margin-bottom: 9px
	}

	.ft-area-most a {
		font-size: 14px
	}

	.ft-area-most {
		padding: 7px
	}

	.banner-fuga-inline p {
		padding-right: 0 !important
	}

	.footer .h5-sm {
		margin-top: 30px
	}

	.succes-box:nth-child(3) {
		left: -2px
	}

	.zoom-image-wrapper {
		border-top-left-radius: 47px;
		border-bottom-right-radius: 47px
	}

	.banner-fuga-inlineexpr p {
		padding-right: 2px
	}

	.all-services-content h3 {
		font-size: 1.3rem
	}

	.listdiv .portfolio-description .port-top-info>p {
		font-size: 16px !important
	}

	.btn.btn-nxt svg {
		width: 20px
	}

	.porfolio-area-list {
		padding: 0 0
	}

	.all-serivices-list {
		padding: 0 3px
	}

	.division-services .h1csscommon {
		font-size: 1.7rem
	}

	.hexadash-area {
		display: grid;
		grid-template-columns: 50% 4fr;
		gap: 6px
	}

	.aboutdiv1 {
		padding: 22px
	}

	.hexadash {
		padding: 99px 4px
	}

	.aboutdiv01.staff-area {
		height: auto
	}

	.staff-area .textbox {
		height: auto;
		align-items: self-end;
		padding: 21px;
		flex-wrap: wrap;
		padding-top: 235px
	}

	.staff-inner-area {
		padding: 0 8px 12px 0
	}

	.aboutdiv1 ul.certi-logos li {
		width: 26%;
		margin-right: 19px
	}

	.home-pagebanner {
		padding: 90px 0 0
	}

	.full-stack-partner .full-stack-block:after {
		top: 288px;
		left: -7px;
		right: -7px
	}

	.top_title_wrapper p.fs-18 {
		margin-top: 4px;
		font-size: 14px;
		padding: 0 !important
	}

	.lang-top-head-title h2 {
		font-size: 22px !important;
		line-height: 2.2rem
	}

	.btnchangesa {
		font-size: .76rem;
		padding: 11px 19px
	}

	.btn {
		font-size: .76rem
	}

	.listdiv .portfolio-description ul.features {
		margin-top: 13px;
		flex-wrap: wrap;
		margin-bottom: 13px
	}

	.listdiv .portfolio-description ul.features li {
		padding: 6px 10px 6px 10px !important;
		border-radius: 34px;
		font-size: 13px;
		background: #fff;
		margin-right: 7px;
		margin-bottom: 8px;
		border: 1px solid #fff
	}

	.listdiv .portfolio-description ul.features li:after {
		display: none
	}

	.project-second-list-block .lt-second-project ul.features li:after {
		display: none
	}

	.top-banner-inner-page .listdiv .portfolio-description ul.features li {
		color: #011c3b
	}

	.division-services .top-banner-inner-page {
		padding: 22px 31px
	}

	.portfolio-description {
		padding: 20px
	}

	.e-con-content-area {
		background-size: cover
	}

	section.info-1-row.info-section.division h3.h3-xl {
		font-size: 1.6rem
	}

	.banner-fuga-inlineexpr p {
		font-size: 12px !important
	}

	#myCarousel .info-blocks {
		display: grid;
		grid-template-columns: 1fr 1fr;
		margin-top: 1rem;
		margin-bottom: 1rem;
		gap: 17px
	}

	.prod-cat-nav li {
		padding: 3px 11px
	}

	.prod-nav-link {
		font-size: 13px
	}

	main.main-wrapper {
		margin-top: 4px
	}

	.btnchangesaa {
		font-size: .76rem;
		padding: 13px 14px;
		line-height: 1.5;
		text-align: left;
		font-weight: 600
	}

	.paragraph {
		padding-right: 0
	}

	#blog-11 .section__title-wrapper h2 {
		text-align: center;
		max-width: 100%
	}

	.workflow-set #slides {
		min-height: 455px
	}

	.hexadash-area .hexadash .hexadash-heading {
		font-size: 12px
	}

	.hexadash-area .hexadash p {
		font-size: 11px
	}

	.bizbrolly-locations .inner-div .footer-bottom-heading {
		font-size: 1.2rem
	}

	.expertise-secondsection .sec-title.pl-5 {
		padding-left: 10px !important;
		text-align: center;
		padding-right: 10px
	}

	.counter-area-partner .count-inner:last-child {
		grid-column: span 2;
		text-align: center;
		width: 60%;
		margin: 0 auto
	}

	.firstdropmenu .col-md-3 .navdiv2 .menu-heading {
		font-size: 13px !important
	}

	.firstdropmenu .col-md-3 .navdiv2 p {
		font-size: 12px
	}

	div#wpcf7-f592-o3 .Captcha-area.captcha-services {
		width: 54%
	}

	div#wpcf7-f592-o3 form .input-group p {
		width: 38%
	}
}

@media(max-width:580px) {
	.home-pagebanner {
		height: 990px
	}

	.top-servi.last--top-ser {
		text-align: center
	}

	#logo-1 .brand-logo img {
		padding: 5px 32px !important
	}

	.fullwidht.wf-section {
		padding-top: 2rem
	}

	.workflow-set .exper-toggle h6 {
		font-size: 11px
	}

	.apply-form {
		padding: 30px;
		border-top-left-radius: 30px;
		border-bottom-right-radius: 30px
	}

	.apply-form h3 {
		font-size: 16px;
		margin-bottom: 23px
	}

	.w-70 {
		width: 100% !important
	}

	.paragraph {
		font-size: 14px
	}

	.expertise-content .slide {
		width: 100% !important
	}

	.division#blog-11 .section__title-wrapper {
		margin-bottom: 27px !important
	}

	.featurescc .subtitle {
		font-size: 20px
	}

	.blog-section .row .col-md-6.col-lg-4 {
		padding-left: 15px;
		padding-right: 15px
	}

	.breadcrumb {
		padding: 5px 0 !important
	}

	.categorypage-ui {
		margin-top: 15px !important
	}

	.heading2.marginauto.textcenter.text-light {
		font-size: 1.3rem !important
	}

	.footer-links {
		text-align: center
	}

	.footer-socials-links {
		margin: auto !important
	}

	.under-pressure {
		width: 184px !important;
		padding: 7px !important;
		margin: auto
	}

	.foo-links li {
		margin-right: auto !important
	}

	.careersection .heading--h1 {
		font-size: 21px;
		padding-right: 0;
		line-height: 33px
	}

	#blog-11 h5 a {
		font-size: 15px
	}

	.careersection .paragraph {
		font-size: 14px
	}

	a.readmore {
		font-size: 13px
	}

	.pagination .page-numbers {
		font-size: 13px;
		height: 31px;
		padding: 4px 11px;
		line-height: 23px
	}

	.testimonials-profile-img {
		width: 100%
	}

	.about-center-text {
		padding: 0 0
	}

	.succes-box:nth-child(2) {
		top: 57px;
		left: -38px
	}

	.succes-box:nth-child(3) {
		top: 25px
	}

	.succes-box:nth-child(4) {
		transform: rotateZ(3deg);
		left: 14px;
		top: 42px
	}

	.succes-box:nth-child(5) {
		left: 96px;
		top: 16px
	}

	.top_title_wrapper {
		margin-bottom: 34px;
		margin-top: 33px
	}

	.top_title_wrapper .top_title {
		font-size: 27px
	}

	.banner-fuga-inline p {
		padding-right: 5px;
		margin-bottom: 2%
	}

	.banner-fuga-inline h2 {
		padding-right: 5px
	}

	#hero-8 .hero-txt .stores-badge .btnchangesa {
		margin-bottom: 10px
	}

	.btnchangesa {
		font-size: .625rem;
		padding: 13px 13px
	}

	.btn {
		font-size: .625rem
	}

	.main-policy-area .section__title-wrapper .subtitle {
		font-size: 28px
	}

	.rightside.policy-area h2 {
		font-size: 20px;
		margin-bottom: 15px
	}

	p {
		font-size: .9rem;
		line-height: 1.8
	}

	.rightside.policy-area ul li {
		font-size: .9rem;
		line-height: 1.9
	}

	.bizbrolly-locations .inner-div .border-bottom {
		border-bottom: 1px solid #dee2e600 !important
	}

	.footer .h5-sm {
		margin-top: 5px
	}

	#footer-2 .col-md-12.col-lg-12.flex-wrap.d-inline-flex {
		flex-direction: column
	}

	.left-biz-logo {
		margin: 0 auto
	}

	.footer-socials-links.text-right {
		margin-top: 3% !important
	}

	.ft-area-most a {
		font-size: 13px
	}

	.portfolio-description {
		padding: 14px
	}

	.division-services .top-banner-inner-page {
		padding: 19px 20px
	}

	.division-services .h1csscommon {
		font-size: 1.5rem
	}

	div#latest_blog .blog-item {
		flex: 0 0 100%;
		max-width: 100%
	}

	.servicesection .brand-logoo img.custom-soft-img {
		height: 76%;
		right: -123px;
		top: 86px
	}

	.top-servi.last--top-ser p.p-md.parap {
		width: 100%;
		margin-left: 3px
	}

	.text-part-big {
		font-size: 2.4rem;
		line-height: 4.5rem
	}

	.servicesection .brand-logoo img.custom-soft-img {
		height: 92%;
		right: -77px;
		top: 103px
	}

	.timeline li:before {
		display: none
	}

	.banner-fuga-inlineexpr p.p-md {
		text-align: center
	}

	.banner-fuga-inlineexpr {
		text-align: center
	}

	.heading2.marginauto.textcenter.text-light {
		text-align: center;
		width: 100%;
		max-width: 100%
	}

	.banner-fuga-inline p {
		text-align: center
	}

	.portfolio-block-area {
		border-radius: 29px
	}

	.fullwidht.wf-section a.btn.btn-green {
		margin: 0 auto
	}

	.Captcha-area .h6-sm {
		width: 66%
	}

	.standards-processes h4 {
		text-align: center
	}

	.faqs-info #accordion .card-header .h5-sm {
		font-size: 17px;
		text-align: center
	}

	.tawk-badge.tawk-min-badge {
		left: 26px !important;
		top: 29px !important
	}

	.tawk-min-container .tawk-button-circle.tawk-button-large {
		width: 31px !important;
		height: 31px !important
	}

	.tawk-min-container .tawk-button-circle.tawk-button-large svg:not(:root) {
		overflow: hidden;
		width: 17px !important
	}

	.tawk-min-container {
		top: -27px !important;
		right: -19px !important
	}

	.tawk-badge {
		height: 1rem !important;
		width: 1rem !important;
		font-size: .387rem !important;
		line-height: 1rem !important
	}

	.bizbrolly-locations .inner-div .footer-bottom-heading {
		font-size: 1rem
	}

	.aboutdiv1.certification {
		padding: 23px;
		text-align: center
	}

	.aboutdiv1 ul.certi-logos li {
		width: 25%;
		margin-right: 19px;
		margin-bottom: 15px
	}

	section#logo-1 .col-sm-3.col-md-3 {
		width: 50%
	}

	.rt-inner-partner {
		height: 273px;
		position: relative;
		margin-bottom: 0
	}

	.testimonials-profile {
		justify-content: center
	}

	.testimonials-center .testimonials-card {
		text-align: center
	}

	.count-inner .count-text {
		font-size: 14px
	}

	.counter-area-partner .count-inner:nth-child(5) .count-heading {
		margin-bottom: 10px;
		font-size: 14px
	}

	.heading02 {
		font-size: 2rem
	}

	.expertise-secondsection {
		min-height: 530px
	}

	.expertise-content .slide {
		text-align: center;
		padding-left: 10px;
		padding-right: 10px
	}

	.p_btn_w {
		font-size: 12px;
		padding: 8px 20px 8px
	}

	.expertise-content .slide p {
		font-size: 17px
	}

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

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

	.portfolio-description .port-bt-info .lang-case {
		margin-bottom: 19px
	}

	.h1csscommon {
		font-size: 22px !important
	}

	.counter-area-partner {
		grid-template-columns: repeat(auto-fit, minmax(190px, 1fr))
	}

	.menu .dropdown-menu.small-menu-item .text-bottom {
		grid-template-columns: 1fr
	}

	.menu .dropdown-menu.small-menu-item .action-btns {
		grid-template-columns: 100%
	}

	.header_area .navbar .btn {
		font-size: .635rem
	}

	.hometopbtn a {
		padding: 12.7235px 16px !important
	}

	.header_area .navbar-text.white-color.hometopbtn {
		position: absolute;
		right: 59px;
		top: 20px
	}

	.w-70 {
		width: 100% !important
	}

	.btn.btn-nxt-bg {
		font-size: .775em
	}

	.full-stack-partner .full-stack-block:after {
		top: 251px;
		left: -5px;
		right: -5px
	}

	.e-con-content-area {
		padding-top: 52px;
		padding-bottom: 52px;
		padding-left: 11px;
		padding-right: 11px
	}

	.about-second-area {
		padding: 45px 0 0
	}

	.division-services {
		padding-bottom: 33px
	}

	.case_img_panel figure:nth-child(1):before {
		left: -24px;
		bottom: -98px
	}

	header {
		top: -1px
	}

	.lang-top-head-title h2 {
		font-size: 20px !important;
		line-height: 2rem
	}

	.case_img_panel figure:nth-child(4):after {
		right: -19px;
		top: -71px
	}

	.servicesection h2 {
		font-size: 26px
	}

	.listdiv .portfolio-description strong {
		font-size: 15px !important
	}

	.top-bg-project .lt-inner h2 {
		font-size: 23px;
		text-align: center
	}

	.top-bg-project .rt-inner {
		text-align: center
	}

	.section-title p {
		text-align: center !important
	}

	.aboutsectionedit .section-title h2 {
		text-align: center
	}

	#logo-1 .section-title {
		margin-bottom: 29px
	}

	section.info-1-row.info-section.division h3.h3-xl {
		font-size: 1.5rem;
		text-align: center
	}

	.top_title_wrapper .top_title {
		text-align: center
	}

	.top_title_wrapper p.fs-18 {
		text-align: center
	}

	.setht {
		font-size: 14px
	}

	.section-scroll .service--image img {
		max-width: 220px
	}

	.listdiv .portfolio-description ul.features li {
		padding: 1px 7px 1px 7px !important;
		margin-right: 4px;
		margin-bottom: 4px
	}

	.counter-area-partner .count-inner {
		background: linear-gradient(0deg, #ccf2f278 47%, #ffffff 121%);
		padding: 36px 8px
	}

	.counter-area-partner {
		margin-top: 31px
	}

	.hero-form .register-form .form-control {
		font-size: .9rem
	}

	.integrationcss {
		text-align: center
	}

	.features__item {
		margin-bottom: 41px;
		text-align: center
	}

	.porfolio-area-list.inner-portfolio-list-area .service--image img {
		border-radius: 52px;
		margin-top: 11px;
		padding: 3px;
		padding-top: 0
	}

	.porfolio-area-list.inner-portfolio-list-area .service--image {
		padding-left: 11px;
		padding-right: 11px
	}

	.menu>.nav-item>svg {
		right: -6px;
		top: 8px;
		padding: 9px
	}

	#exampleModalLong .requset-heading {
		font-size: 20px;
		text-align: center
	}

	#exampleModalLong p {
		font-size: 16px;
		text-align: center
	}

	.hero-form .register-form .h4-sm {
		text-align: center
	}

	.hero-form .register-form .fillcom {
		text-align: center !important
	}

	#exampleModalLong .modal-header button {
		right: 13px;
		top: 2px;
		width: 37px;
		height: 37px;
		padding: 3px
	}

	.aboutdiv1 {
		text-align: center
	}

	.staff-area .textbox {
		text-align: center;
		justify-content: center
	}

	.banner-fuga-inline022 {
		text-align: center
	}

	form#newsletter-subscribe-form .Captcha-area {
		width: 100%;
		margin-right: 4px;
		margin-top: 0
	}

	form#newsletter-subscribe-form .input-group-btn {
		position: relative;
		width: 100%;
		margin-top: 10px
	}

	div#wpcf7-f592-o3 .Captcha-area.captcha-services {
		width: 100%;
		margin-top: 0;
		margin-bottom: 8px
	}

	div#wpcf7-f592-o3 form .input-group p {
		width: 100%
	}
}

@media(max-width:480px) {
	#media-1 .section-title h2 {
		text-align: center
	}

	#media-1 .section-title p {
		text-align: center
	}

	.servicesection .brand-logoo img.custom-soft-img {
		right: -117px
	}

	.counter-area-partner {
		margin-top: 0
	}

	.lt-inner-partner {
		text-align: center
	}

	.about-banner-area .stores-badge a.btnchangesaa:nth-child(2) {
		display: block
	}

	.anim-text {
		height: 55px;
		justify-content: center
	}

	.top-bg-project .lt-inner h2 {
		font-size: 21px
	}

	.arrow-prenext-area:nth-child(2) {
		text-align: center
	}

	.topbrandul ul {
		justify-content: center
	}

	.fullwidht.wf-section form.wpcf7-form .input-group p {
		display: unset
	}

	.fullwidht.wf-section form.wpcf7-form .input-group p br {
		display: none
	}

	.fullwidht.wf-section form.wpcf7-form .input-group p span {
		margin-bottom: 11px;
		display: block
	}

	.rt-inner-partner {
		height: 243px;
		position: relative;
		margin-bottom: 0
	}

	.h1,
	h1 {
		font-size: 2rem
	}

	.bizbrolly-locations .inner-div {
		padding: 0 3px
	}

	section.bizbrolly-locations .row .col-lg-2 {
		padding-left: 2px;
		padding-right: 2px;
		grid-template-columns: 175px 1fr
	}

	.bizbrolly-locations .inner-div img {
		height: 85px
	}

	.border-bottom.border-bottom.pt-2.mb-2 {
		margin-bottom: 0 !important;
		padding-top: 0 !important
	}

	.foots-links li .h5-sm {
		font-size: 13px
	}

	.foots-links li p {
		font-size: 11px
	}

	.ft-area-most sup svg {
		width: 17px;
		height: 17px
	}

	.ft-area-most {
		padding: 3px 9px
	}

	.ft-area-most a {
		font-size: 11px
	}

	.bizbrolly-locations .inner-div p {
		font-size: 12px;
		padding: 0 8px
	}

	.firstdropmenu .col-md-3 {
		width: 100%
	}

	.counter-area-partner {
		grid-template-columns: repeat(auto-fit, minmax(151px, 1fr))
	}

	.counter-area-partner .count-inner .count-num {
		font-size: 29px
	}

	.portfolio-description .info-blocks {
		display: grid;
		gap: 9px;
		grid-template-columns: repeat(auto-fit, minmax(121px, 1fr));
		margin-top: 17px;
		line-height: 17.2px
	}

	.all-services-content p {
		padding-bottom: 3px;
		line-height: 1.3
	}

	.info-blocks .iblock {
		width: 100% !important
	}

	.info-blocks p {
		font-size: .8rem;
		margin-bottom: 0
	}

	.text-part-big {
		font-size: 2rem
	}

	.home-pagebanner {
		padding: 76px 0 0;
		min-height: 930px
	}

	.btnchangesa {
		font-size: .595rem;
		padding: 9px 13px
	}

	.btn {
		font-size: .595rem
	}

	.rt-tech-area .title {
		font-size: 1.3rem
	}

	.heading2.marginauto.textcenter.text-light {
		font-size: 1.3rem !important;
		font-weight: 600 !important;
		text-align: center
	}

	.expertise-content .slide p {
		font-size: 15px
	}

	.expertise-secondsection {
		min-height: 573px
	}

	.icon-list ul li .icon {
		width: 4rem;
		height: 4rem
	}

	.downtext {
		padding: 10px
	}

	#media-1.wide-60 {
		padding-top: 61px !important;
		padding-bottom: 14px !important
	}

	#media-1 .section-title {
		padding-top: 20px;
		background: #fff;
		margin-bottom: 0 !important;
		padding-bottom: 26px
	}

	.top-servi.last--top-ser {
		text-align: center
	}

	main.main-wrapper .section__title-wrapper {
		text-align: center
	}

	main.main-wrapper .section__title-wrapper .heading02 {
		text-align: center;
		max-width: 100%
	}

	#exampleModalLong .requset-heading {
		font-size: 19px
	}

	#exampleModalLong p {
		font-size: 15px
	}

	.workflow-set #slides {
		min-height: 514px
	}

	.heading2.marginauto {
		max-width: 100% !important
	}

	.main-policy-area .section__title-wrapper .subtitle {
		font-size: 25px
	}

	header .navbar .navbar-brand img {
		width: 112px !important
	}

	.banner-fuga-inline022 p {
		font-size: 13px !important;
		margin-bottom: 3% !important
	}

	.sep {
		display: none
	}
}

@media(max-width:450px) {
	.hexadash-area {
		grid-template-columns: 100%
	}

	.hexadash {
		padding: 96px 20px
	}

	.hexadash-area .hexadash .hexadash-heading {
		font-size: 16px
	}

	.hexadash-area .hexadash p {
		font-size: 14px
	}

	#scrollUp {
		width: 31px;
		height: 31px;
		bottom: 97px;
		right: 3px;
		background-position: 47% 44%
	}
}

@media(max-width:380px) {
	section.bizbrolly-locations .row .col-lg-2 {
		grid-template-columns: 159px 1fr
	}

	.foots-links li .h5-sm {
		font-size: 11px
	}

	.foots-links li p {
		font-size: 9px
	}

	.about-second-area {
		padding: 74px 0 0
	}

	.icon-list ul li {
		width: 9.44rem !important
	}

	.heading2.marginauto.textcenter.text-light {
		font-size: 1.2rem !important
	}

	.counter-area-partner {
		grid-template-columns: repeat(auto-fit, minmax(164px, 1fr))
	}

	.workflow-set .exper-toggle {
		width: 33%
	}

	.exper-toggle img {
		width: 22px
	}

	#exampleModalLong .requset-heading {
		font-size: 18px
	}

	#exampleModalLong p {
		font-size: 14px
	}

	.h1,
	h1 {
		font-size: 1.7rem
	}

	.h5,
	h5 {
		font-size: 1.15rem
	}
}