html {
	-webkit-font-smoothing: antialiased;
	font-size: 16px
}

#page {
	overflow: hidden
}

.wide-100 {
	padding-top: 100px;
	padding-bottom: 100px
}

.wide-90 {
	padding-top: 100px;
	padding-bottom: 90px
}

.wide-80 {
	padding-top: 100px;
	padding-bottom: 80px
}

.wide-70 {
	padding-top: 100px;
	padding-bottom: 70px
}

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

.wide-50 {
	padding-top: 100px;
	padding-bottom: 50px
}

.wide-40 {
	padding-top: 100px;
	padding-bottom: 40px
}

.wide-30 {
	padding-top: 100px;
	padding-bottom: 30px
}

.wide-20 {
	padding-top: 100px;
	padding-bottom: 20px
}

.mt-100 {
	margin-top: 100px
}

.mt-90 {
	margin-top: 90px
}

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

.mt-70 {
	margin-top: 70px
}

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

.mt-50 {
	margin-top: 50px
}

.mt-45 {
	margin-top: 45px
}

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

.mt-35 {
	margin-top: 35px
}

.mt-30 {
	margin-top: 30px
}

.mt-25 {
	margin-top: 25px
}

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

.mt-15 {
	margin-top: 15px
}

.mt-10 {
	margin-top: 10px
}

.mt-5 {
	margin-top: 5px
}

.mb-100 {
	margin-bottom: 100px
}

.mb-90 {
	margin-bottom: 90px
}

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

.mb-70 {
	margin-bottom: 70px
}

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

.mb-50 {
	margin-bottom: 50px
}

.mb-45 {
	margin-bottom: 45px
}

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

.mb-35 {
	margin-bottom: 35px
}

.mb-30 {
	margin-bottom: 30px
}

.mb-25 {
	margin-bottom: 25px
}

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

.mb-15 {
	margin-bottom: 15px
}

.mb-10 {
	margin-bottom: 10px
}

.mb-5 {
	margin-bottom: 5px
}

.mb-0 {
	margin-bottom: 0
}

.ml-70 {
	margin-left: 70px
}

.ml-60 {
	margin-left: 60px
}

.ml-50 {
	margin-left: 50px
}

.ml-45 {
	margin-left: 45px
}

.ml-40 {
	margin-left: 40px
}

.ml-35 {
	margin-left: 35px
}

.ml-30 {
	margin-left: 30px
}

.ml-25 {
	margin-left: 25px
}

.ml-20 {
	margin-left: 20px
}

.ml-15 {
	margin-left: 15px
}

.ml-10 {
	margin-left: 10px
}

.ml-5 {
	margin-left: 5px
}

.mr-70 {
	margin-right: 70px
}

.mr-60 {
	margin-right: 60px
}

.mr-50 {
	margin-right: 50px
}

.mr-45 {
	margin-right: 45px
}

.mr-40 {
	margin-right: 40px
}

.mr-35 {
	margin-right: 35px
}

.mr-30 {
	margin-right: 30px
}

.mr-25 {
	margin-right: 25px
}

.mr-20 {
	margin-right: 20px
}

.mr-15 {
	margin-right: 15px
}

.mr-10 {
	margin-right: 10px
}

.mr-5 {
	margin-right: 5px
}

.pt-100 {
	padding-top: 100px
}

.pt-90 {
	padding-top: 90px
}

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

.pt-70 {
	padding-top: 70px
}

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

.pt-50 {
	padding-top: 50px
}

.pt-45 {
	padding-top: 45px
}

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

.pt-35 {
	padding-top: 35px
}

.pt-30 {
	padding-top: 30px
}

.pt-25 {
	padding-top: 25px
}

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

.pt-15 {
	padding-top: 15px
}

.pt-10 {
	padding-top: 10px
}

.pb-100 {
	padding-bottom: 100px
}

.pb-90 {
	padding-bottom: 90px
}

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

.pb-70 {
	padding-bottom: 70px
}

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

.pb-50 {
	padding-bottom: 50px
}

.pb-45 {
	padding-bottom: 45px
}

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

.pb-35 {
	padding-bottom: 35px
}

.pb-30 {
	padding-bottom: 30px
}

.pb-25 {
	padding-bottom: 25px
}

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

.pb-15 {
	padding-bottom: 15px
}

.pb-10 {
	padding-bottom: 10px
}

.pb-0 {
	padding-bottom: 0
}

.pl-100 {
	padding-left: 100px
}

.pl-90 {
	padding-left: 90px
}

.pl-80 {
	padding-left: 80px
}

.pl-70 {
	padding-left: 70px
}

.pl-60 {
	padding-left: 60px
}

.pl-50 {
	padding-left: 50px
}

.pl-45 {
	padding-left: 45px
}

.pl-40 {
	padding-left: 40px
}

.pl-35 {
	padding-left: 35px
}

.pl-30 {
	padding-left: 30px
}

.pl-25 {
	padding-left: 25px
}

.pl-20 {
	padding-left: 20px
}

.pl-15 {
	padding-left: 15px
}

.pl-10 {
	padding-left: 10px
}

.pl-5 {
	padding-left: 5px
}

.pl-0 {
	padding-left: 0
}

.pr-100 {
	padding-right: 100px
}

.pr-90 {
	padding-right: 90px
}

.pr-80 {
	padding-right: 80px
}

.pr-70 {
	padding-right: 70px
}

.pr-60 {
	padding-right: 60px
}

.pr-50 {
	padding-right: 50px
}

.pr-45 {
	padding-right: 45px
}

.pr-40 {
	padding-right: 40px
}

.pr-35 {
	padding-right: 35px
}

.pr-30 {
	padding-right: 30px
}

.pr-25 {
	padding-right: 25px
}

.pr-20 {
	padding-right: 20px
}

.pr-15 {
	padding-right: 15px
}

.pr-10 {
	padding-right: 10px
}

.pr-5 {
	padding-right: 5px
}

.pr-0 {
	padding-right: 0
}

.pc-45 {
	padding-right: 45px;
	padding-left: 45px
}

.bg-fixed {
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover
}

.bg-white {
	background-color: #fff
}

.bg-lightdark {
	background-color: #35363a
}

.bg-dark {
	background-color: #2e2f33 !important
}

.bg-grey {
	background-color: #ede9e6
}

.bg-lightgrey {
	background-color: #f8f9fb
}

.bg-skyblue {
	background-color: #16a2e0
}

.bg-blue {
	background-color: #2e71f1
}

.bg-deepblue {
	background-color: #0b4265
}

.bg-darkviolet {
	background-color: #011d3e
}

.bg-deepviolet {
	background-color: #383b62
}

.bg-green {
	background-color: #06c668
}

.bg-purple {
	background-color: #8a2ee8
}

.bg-rose {
	background-color: #f36
}

.bg-map {
	background-image: url(images/bg-map.png)
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #2d2d2d;
	font-weight: 600;
	line-height: 1.5
}

h5.h5-xs {
	font-size: 1.125rem
}

.h5-sm {
	font-size: 1.1875rem
}

.h5-md {
	font-size: 1.25rem
}

h5.h5-lg {
	font-size: 1.375rem
}

h5.h5-xl {
	font-size: 1.5rem
}

h4.h4-xs {
	font-size: 1.625rem
}

h4.h4-sm {
	font-size: 1.75rem
}

h4.h4-md {
	font-size: 1.875rem
}

h4.h4-lg {
	font-size: 2rem
}

h4.h4-xl {
	font-size: 2.125rem
}

h3.h3-xs {
	font-size: 2.375rem
}

h3.h3-sm {
	font-size: 2.5rem
}

h3.h3-md {
	font-size: 2.625rem
}

h3.h3-lg {
	font-size: 2.1875rem;
	text-transform: capitalize
}

.h3-xl {
	font-size: 3rem
}

h2.h2-xs {
	font-size: 3.25rem
}

h2.h2-sm {
	font-size: 3.375rem
}

h2.h2-md {
	font-size: 3.5rem
}

h2.h2-lg {
	font-size: 3.75rem
}

h2.h2-xl {
	font-size: 4rem
}

h2.h2-huge {
	font-size: 5rem
}

p.p-sm {
	font-size: .95rem
}

p.p-md {
	font-size: 1.125rem
}

p.p-xl {
	font-size: 1.3175rem
}

.fs-12 {
	font-size: 12px
}

.fs-13 {
	font-size: 13px
}

.fs-14 {
	font-size: 14px
}

.fs-15 {
	font-size: 15px
}

.fs-16 {
	font-size: 16px
}

.fs-17 {
	font-size: 17px
}

.fs-18 {
	font-size: 18px
}

ul {
	margin: 0;
	padding: 0;
	list-style: none
}

a {
	color: #333;
	text-decoration: none;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	font-family: Poppins
}

a:hover {
	color: #58ccb5;
	text-decoration: none
}

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

.btn.btn-sm {
	font-size: .8rem;
	padding: .815rem 1.65rem
}

.btn.btn-md {
	font-size: .875rem;
	padding: 1rem 1.95rem
}

.btn-theme,
.white-color .btn-theme {
	color: #fff !important;
	background-color: #00b4a8;
	border: 2px solid #00b4a8
}

.btn-tra-black,
.white-color .btn-tra-black {
	color: #333;
	background-color: #fff0;
	border-color: #333
}

.btn-tra-grey,
.white-color .btn-tra-grey {
	color: #fff;
	background-image: linear-gradient(to right, #03a9f4, #2945e2)
}

.btn-tra-white {
	color: #fff;
	background-color: #fff0;
	border-color: #fff
}

.btn-white,
.white-color .btn-white {
	color: #333;
	background-color: #fff;
	border-color: #fff
}

.bg-electric-violet-2 {
	background-color: #5034fc !important
}

.btn-blur {
	color: #fff;
	background-color: rgb(255 255 255 / .3);
	border-color: #fff0
}

.btn-black {
	color: #fff;
	background-color: #333;
	border-color: #333
}

.btn-blue {
	color: #fff;
	background-color: #16a2e0;
	border-color: #16a2e0
}

.btn-rose {
	color: #fff;
	background-color: #e42c72;
	border-color: #e42c72
}

.btn-purple {
	color: #fff;
	background-color: #8a2ee8;
	border-color: #8a2ee8
}

.btn-yellow,
.white-color .btn-yellow {
	color: #333;
	background-color: #ffbe2e;
	border-color: #ffbe2e
}

.white-hover:hover {
	color: #333;
	background-color: #fff;
	border-color: #fff
}

.btn:focus {
	-webkit-box-shadow: none;
	box-shadow: none
}

.form-control {
	display: block;
	width: 100%;
	padding: .775rem .75rem;
	height: calc(2.7rem + 3px);
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #dbdcde;
	border-radius: .9rem;
	font-size: .8rem;
	font-weight: 100;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

label {
	margin-bottom: .3rem;
	color: #333
}

.video-preview {
	position: relative;
	text-align: center
}

.video-block {
	width: 100px;
	height: 100px;
	position: relative;
	display: inline-block
}

.video-btn {
	width: 90px;
	height: 90px;
	position: absolute !important;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -50px;
	display: inline-block;
	text-align: center;
	background-color: #fff0;
	color: #fff;
	line-height: 80px !important;
	border: 0 solid #fff0;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%
}

.section-title {
	text-align: center;
	margin-bottom: 70px
}

.section-title h3 {
	letter-spacing: -.75px
}

.section-title p {
	padding: 0 15%;
	margin-top: 20px;
	margin-bottom: 0;
	line-height: 1.5;
	font-weight: 400
}

.txt-300 {
	font-weight: 300
}

.txt-400 {
	font-weight: 400
}

.txt-500 {
	font-weight: 500
}

.txt-600 {
	font-weight: 600
}

.txt-700 {
	font-weight: 700
}

.txt-800 {
	font-weight: 800
}

.txt-900 {
	font-weight: 900
}

.txt-ita {
	font-style: italic
}

.txt-up {
	text-transform: uppercase
}

.white-color,
.white-color a,
.white-color h2,
.white-color h3,
.white-color h4,
.white-color h5,
.white-color h6,
.white-color i,
.white-color li,
.white-color p,
.white-color span {
	color: #fff
}

.theme-color,
.theme-color a,
.theme-color h2,
.theme-color h3,
.theme-color h4,
.theme-color h5,
.theme-color h6,
.theme-color li,
.theme-color p,
.theme-color span,
.white-color .theme-color {
	color: #00b4a8
}

.navbar-brand {
	padding-top: 0;
	padding-bottom: 0;
	margin-right: 5rem
}

.navbar {
	padding: 16px 0;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}

.navbar.bg-tra {
	padding: 40px 0;
	background-color: #fff0
}

.navbar-expand-md .navbar-nav .nav-link {
	font-size: 17px;
	font-family: Poppins;
	font-weight: 500;
	letter-spacing: 0;
	padding: 10px 20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px
}

.navbar-dark .navbar-nav .nav-link {
	color: #fff
}

.navbar-light .navbar-nav .nav-link {
	color: #3a3a3a
}

.navbar-text {
	padding-top: 0;
	padding-bottom: 0;
	margin-left: 10px
}

.navbar-light .navbar-text.white-color a {
	color: #fff !important
}

.dropdown-menu {
	background-color: #fbfbfb;
	padding: .25rem 0;
	margin: 0 0 0 -15px;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}

.dropdown-item {
	font-size: 1rem;
	font-weight: 500;
	padding: .5rem 1.25rem
}

.dropdown-toggle::after {
	vertical-align: .275em
}

.dropdown-item.dropdown-toggle {
	position: relative
}

.dropdown-item.dropdown-toggle::after {
	vertical-align: .275em;
	position: absolute;
	right: 15px;
	top: 15px;
	border-left: .31em solid;
	border-top: .31em solid #fff0;
	border-right: 0;
	border-bottom: .31em solid #fff0
}

.hover-menu li a:focus,
.hover-menu li a:hover,
.navbar>.show>a,
.navbar>.show>a:focus,
.navbar>.show>a:hover {
	color: #3a3a3a;
	background: 0 0;
	outline: 0
}

.hover-menu .collapse ul ul ul>li:hover>a,
.hover-menu .collapse ul ul>li:hover>a,
.navbar .show .dropdown-menu>li>a:focus,
.navbar .show .dropdown-menu>li>a:hover {
	background-color: rgb(190 190 190 / .2);
	color: #292929
}

.navbar .btn {
	font-size: .835rem;
	letter-spacing: .25px;
	padding: .7235rem 1.85rem
}

.navbar-light .navbar-text.white-color .black-tra-hover:hover {
	color: #333 !important
}

.header-store img.appstore-header {
	width: 134px;
	height: 40px
}

.header-store img.googleplay-header {
	width: 134px;
	height: 40px
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
	color: #fff;
	background-color: rgb(240 240 240 / .2)
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
	color: #3a3a3a;
	background-color: rgb(190 190 190 / .2)
}

.scroll.navbar-dark.white-scroll .navbar-nav .nav-link:focus,
.scroll.navbar-dark.white-scroll .navbar-nav .nav-link:hover {
	color: #3a3a3a;
	background-color: rgb(190 190 190 / .2)
}

.scroll.navbar-light.black-scroll .navbar-nav .nav-link:focus,
.scroll.navbar-light.black-scroll .navbar-nav .nav-link:hover,
.scroll.navbar-light.deepblue-scroll .navbar-nav .nav-link:focus,
.scroll.navbar-light.deepblue-scroll .navbar-nav .nav-link:hover {
	color: #fff;
	background-color: rgb(240 240 240 / .2)
}

.navbar.scroll {
	padding: 16px 0;
	background-color: #fcfcfc;
	-webkit-box-shadow: 0 0 2px rgb(50 50 50 / .4);
	-moz-box-shadow: 0 0 2px rgb(50 50 50 / .4);
	box-shadow: 0 0 2px rgb(50 50 50 / .4)
}

.navbar.scroll.white-scroll {
	background-color: #000000ed;
	backdrop-filter: blur(2px)
}

.navbar.scroll.black-scroll {
	background-color: #283034
}

.navbar.scroll.blue-scroll {
	background-color: #16a2e0
}

.navbar.scroll.deepblue-scroll {
	background-color: #0b4265
}

.scroll.white-scroll .nav-link {
	color: #fff
}

.scroll.black-scroll .nav-link,
.scroll.blue-scroll .nav-link,
.scroll.deepblue-scroll .nav-link {
	color: #f0f0f0
}

.scroll.white-scroll .btn-tra-white {
	color: #333;
	border-color: #333
}

.scroll.black-scroll .btn-black {
	color: #fff;
	background-color: #fff0;
	border-color: #fff
}

.scroll.white-scroll .tra-hover:hover {
	color: #fff;
	background-color: #333;
	border-color: #333
}

.scroll.black-scroll .black-tra-hover:hover {
	color: #333;
	background-color: #fff;
	border-color: #fff
}

.scroll.white-scroll .btn-tra-white:focus {
	color: #fff;
	background-color: #333
}

.navbar-dark .navbar-toggler,
.navbar-light .navbar-toggler,
.navbar.bg-tra .navbar-toggler {
	color: #333;
	padding: 0 8px 0 0;
	font-size: 30px;
	border: none
}

.navbar-dark .navbar-toggler {
	color: #f5f5f5
}

.navbar-toggler:focus {
	outline: 0
}

.logo-black,
.logo-white {
	display: block
}

.navbar-dark.bg-dark .logo-black,
.navbar-dark.bg-tra .logo-black,
.navbar-light.bg-light .logo-white,
.navbar-light.bg-tra .logo-white,
.scroll.navbar-dark.white-scroll .logo-white,
.scroll.navbar-light.black-scroll .logo-black,
.scroll.navbar-light.blue-scroll .logo-black,
.scroll.navbar-light.deepblue-scroll .logo-black {
	display: none
}

.scroll.navbar-dark.white-scroll .logo-black,
.scroll.navbar-light.black-scroll .logo-white,
.scroll.navbar-light.blue-scroll .logo-white,
.scroll.navbar-light.deepblue-scroll .logo-white {
	display: block
}

.hero-section .container {
	position: relative;
	z-index: 3
}

#hero-15 .container,
#hero-5 .container {
	overflow: hidden
}

.btnsocialproof .row {
	background: #fff;
	padding: 3% 0
}

.btnsocialproof .row .col-md-9 ul li {
	margin-right: 2%
}

.btnsocialproof .row .col-md-9 ul li svg {
	color: #000
}

.btnsocialproof .row .col-md-9 ul {
	display: flex
}

.btnsocialproof {
	width: 56%
}

.btnsocialproof .row .col-md-9 p {
	font-weight: 800;
	font-size: 19px;
	color: #3d428c
}

.btnsocialproof .row .col-md-3 img {
	width: 100%;
	border-radius: 100%
}

.banner-fuga-inline4 {
	margin: 0 auto 0 auto !important;
	position: relative;
	overflow: hidden;
	min-height: 279px;
	max-width: 87%;
	background-image: linear-gradient(90deg, #3fac99, #25789b);
	padding: 4% 4%;
	border-radius: 25px;
	margin: 45px auto 73px auto
}

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

.sep-img {
	width: 36%;
	float: right;
	position: absolute;
	right: -5%;
	bottom: -21%
}

#hero-1 {
	height: auto;
	padding-top: 139px;
	padding-bottom: 25px;
	background: #02244b;
	align-items: center;
	display: flex
}

#hero-1 .hero-txt {
	padding-left: 25px;
	padding-right: 25px
}

#hero-1 .topheadh2 {
	margin-bottom: 13px !important;
	font-family: Poppins;
	color: #fff;
	font-size: 2.7rem;
	text-transform: capitalize;
	margin-bottom: 15px;
	font-weight: 700;
	line-height: 1.3
}

#hero-1 .topheadh2 span {
	color: #53e3c9
}

.consult-btn {
	display: inline-block;
	width: fit-content;
	height: 40px;
	border-radius: 45px;
	border: 2px solid #59cdb5;
	backface-visibility: hidden;
	background: #53e3c9;
	color: #ffffff !important;
	font-weight: 500;
	font-size: 15px;
	height: 46px;
	line-height: 44px;
	letter-spacing: 0;
	text-transform: capitalize;
	text-decoration: none;
	padding: 0 1.2em;
	transition: .4s ease-in-out
}

.consult-btn:hover {
	background-color: #fff;
	color: #000 !important;
	transition: .4s ease-in-out;
	border: 2px solid #fff
}
.service-testimonial-bx{
    background: white;padding: 3%;border-radius: 5px;
}
.service-testimonial-bx .boldb{
  color: red;
  text-align: left;
}
.btn.review-3-txt.review-3-txt4 {
    margin-left: 68px;
}
.topbrandul ul {
	display: inline-flex !important;
	margin-bottom: 13px;
	    align-items: center;
}
.topbrandul ul li:first-child {
    padding-left: 0px;
}
.newsletter-form {
	margin-bottom: 13px
}

.topbrandul ul li {
	border-right: 2px solid #ffffff21;
	padding-right: 9px;
	padding-left: 17px
}

#hero-1 .lastlio {
	border: none !important
}

.topbrandul22 ul li img {
	width: 112px;
	filter: invert(1);
	opacity: .7
}

.topbrandul ul li img {
	width: 95px;
	opacity: .8;
    height: auto;
}

#hero-1 p {
	padding-right: 5%
}

.review-3-txt {
	position: relative;
	margin: 0 10px 0;
	padding: 45px 35px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px
}

.review-3-txt4 img {
	float: right;
	border-radius: 100%;
	margin-right: 3%;
	width: 50px;
    height: 50px;
   margin-right: 7px;
	text-align: center
}

.boldb {
	display: flow-root
}

.boldb a {
	color: #fd6c22 !important;
	text-align: left;
	float: left;
	font-weight: 600;
	font-size: 13px;
	margin-top: 0;
	margin-bottom: 2px;
	text-transform: initial
}

.review-3-txt4 p {
	color: #000 !important;
	margin-top: 3px;
	text-transform: initial;
	font-weight: 100;
	font-size: 11px;
	text-align: left;
	line-height: 1.2;
	margin-bottom: 0
}

.os-version strong {
	font-weight: 800;
	font-size: 19px
}

section.second-section {
	background: #03254b
}

section.second-section .services-detail-heading {
	color: #fff;
	font-size: 33px;
	line-height: 1.4;
	font-weight: 600;
	font-family: Poppins, sans-serif
}

section.second-section p.text-p {
	font-family: Poppins, sans-serif;
	font-weight: 400;
	color: #eae8e8
}

span.section-id {
	font-size: 15px;
	color: #0b9d96;
	font-family: Poppins;
	font-weight: 500;
	text-transform: capitalize;
	display: block;
	letter-spacing: .5px;
	margin-bottom: 0
}

span.id-color {
	color: #03a9f4
}

.info-section .img-block {
	text-align: center;
	overflow: hidden
}

.second-section .info-blocks {
	display: grid !important;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	margin-top: 3rem !important
}

.features2 {
	background: #011d3e
}

.features2 h2 {
	font-family: Poppins;
	color: #fff;
	font-size: 2.5rem;
	line-height: 1.2;
	font-weight: 700
}

.features2 p {
	font-weight: 400;
	color: #fff
}

.features__area .features__item {
	border: 1px solid #349cb9;
	margin-top: 0;
	margin-bottom: 3rem;
	background: #fff0 linear-gradient(180deg, #1f3d5f17 0, #48b7b7 100%) 0 0 no-repeat padding-box;
	padding: 2.5rem;
	border-radius: 19px;
	color: #fff
}

.features__area.features2 .forthtool {
	display: flex;
	width: 100%
}

.features__area .features__item a svg {
	color: #44d4bd;
	width: 26px;
	height: auto;
	margin-right: 6px
}

.features__area .features__item .features__title a {
	color: #fff;
	font-family: Poppins, sans-serif;
	font-size: 1.2rem;
	font-weight: 500
}

.features__area .features__item {
	margin-bottom: 1rem;
	padding: 1rem;
	display: flex;
	flex-direction: column;
	flex: 1
}

.features__area .features__list {
	padding-right: 0
}

.features__list ul li {
	font-size: 13px;
	color: #fff;
	font-weight: 400;
	position: relative;
	margin-bottom: 7px;
	display: inline-block;
	background: #fff0;
	padding: 4px 11px;
	border-radius: 22px;
	margin-right: 1px;
	border: 1px solid #ffffff6b
}

.book-btn {
	width: fit-content;
	border-radius: 30px;
	backface-visibility: hidden;
	background: #fbfbfc;
	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% 100%, 200% 100%;
	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: 1em 2.3em;
	display: inline-block
}

.book-btn:hover {
	color: #000
}

.feature3 {
	background: #011d3e
}

.feature3 .txt-block .feature-heading03 {
	color: #fff;
	font-size: 2.3rem;
	line-height: 1.4;
	font-weight: 700;
	font-family: Poppins, sans-serif;
	padding-right: 14rem
}

.feature3 .features__title {
	color: #fff;
	font-family: Poppins, sans-serif;
	font-size: 1.7rem;
	font-weight: 600
}

.features__list {
	padding-right: 69px
}

section.feature3 .features__item .features__list ul li {
	border: none;
	padding-left: 0;
	padding-right: 19px
}

#statistic-1 .row {
	justify-content: space-between
}

.bg-graph .bg-graph-title {
	color: #fff;
	font-size: 33px;
	line-height: 1.2;
	font-weight: 700;
	font-family: Poppins, sans-serif;
	padding-right: 1rem;
	text-align: left
}

.btn-green {
	color: #fff;
	background-color: #ffc107;
	border-color: #ffc107;
	background-image: linear-gradient(to right, #fad622, #ff1d22a6)
}

.setht {
	color: #024180 !important;
	text-transform: capitalize;
	background-color: #fff;
	border-color: #fff0;
	background-image: none;
	font-size: 16px
}

.setht1 {
	color: #fff !important;
	text-transform: uppercase;
	background-color: #019e94;
	font-weight: 600;
	letter-spacing: .5px;
	border-color: #fff0;
	background-image: none;
	font-size: 13px;
	margin-top: 3%;
	width: fit-content;
	padding: 10px 16px
}

.setht1:hover {
	background-color: #000;
	color: #fff
}

#statistic-1 img.img-rightposition {
	position: absolute !important;
	right: 6% !important;
	bottom: 0 !important;
	width: 36% !important
}

section.industries-type {
	background: #f8f8f8;
	padding: 100px 0
}

section.industries-type .industries-heading {
	font-family: Poppins;
	color: #000;
	font-size: 2.5rem;
	line-height: 1.2;
	font-weight: 700
}

section.industries-type p {
	font-weight: 400;
	color: #000;
	font-size: 1rem
}

section.industries-type .section-title {
	text-align: center;
	margin-bottom: 3px
}

.bottom-detail-section {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	padding-top: 40px
}

.bottom-detail-section figure {
	margin: 0 0 1rem;
	border-radius: 10px;
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	margin: 0 auto;
	text-align: center
}

.bottom-detail-section .grid_colm_head {
	font-size: 14px;
	font-weight: 500;
	padding-top: 10px
}

.bottom-detail-section figure img {
	margin: auto;
	max-width: 100%;
	transition: .5s ease-in-out
}

.type-div a:hover img {
	transform: scale(1.1)
}

.wf-section-img {
	width: 33%;
	float: right;
	position: absolute;
	right: 0;
	bottom: 0
}

.bottom-detail-section .grid_colm_head {
	color: #000;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.3;
	padding-top: 20px
}

.bottom-detail-section .type-div:hover .grid_colm_head {
	color: #26d0d7
}

.type-div {
	justify-content: center;
	text-align: center;
	border-right: 2px solid #43aab53d;
	border-bottom: 2px solid #43aab53d;
	padding: 40px 50px;
	min-height: 215px;
	display: flex;
	align-items: center
}

.type-div:nth-child(5) {
	border-right: 0
}

.type-div:nth-child(10), .type-div:nth-child(20) {
	border-right: 0
}

/* .type-div:nth-child(11) {
	border-bottom: 0
}

.type-div:nth-child(12) {
	border-bottom: 0
}

.type-div:nth-child(13) {
	border-bottom: 0
}

.type-div:nth-child(14) {
	border-bottom: 0
} */

.type-div:nth-child(15) {
	border-right: 0;
	
}

.brandlogo-div {
	background: #fff
}

.brandlogo-div .brand-logo img {
	padding: 8px 40px;
	filter: grayscale(1)
}

.brandlogo-div .brandlogo-heading {
	font-family: Poppins;
	color: #000;
	font-size: 2.5rem;
	line-height: 1.2;
	font-weight: 700
}

#brandlogo .col-sm-6 {
	width: 50%;
	float: left
}

.brandlogo-div p {
	font-weight: 400;
	color: #000;
	font-size: 1rem;
	padding: 0 15rem
}

.brandlogo-div .brandlogo-heading span {
	color: #53e3c9 !important
}

section.projects-info {
	padding: 70px 0;
	background: #011d3e
}

.projects-info .h1csscommon {
	font-family: Poppins;
	color: #fff;
	font-size: 2.5rem;
	line-height: 1.2;
	font-weight: 700
}

.projects-info p {
	font-weight: 400;
	color: #f7f7f7 !important
}

.brief-about {
	background: #011d3e
}

.brief-about .row.mainrow {
	background: linear-gradient(90deg, #01152e 0, #5cd0b5 52%, #00152e 100%);
	border-radius: 50px;
	padding: 2rem;
}

.brief-about .brief-about-heading {
	font-family: Poppins;
	color: #fff;
	font-size: 2.5rem;
	line-height: 1.2;
	font-weight: 700
}

.brief-about ul li {
	color: #fff;
	font-size: 1rem
}

.brief-about span.section-id {
	font-size: 20px;
	color: #f5f5f5 !important;
	font-family: Poppins;
	font-weight: 100;
	text-transform: none;
	display: block;
	letter-spacing: .5px;
	line-height: 1.2;
	margin-bottom: 5px
}

.hop30 {
	width: 125px;
	height: 125px;
	position: absolute !important;
	top: 45%;
	left: 45%
}

.hop30 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-image: linear-gradient(90deg, #2a8fba, #04b4ff, #0563d1);
	border-radius: 12px;
	padding: 11%;
	font-size: 38px
}

.statistic-block {
	text-align: center;
	margin-bottom: 40px
}

.statistic-block .statistic-number {
	color: #414141;
	line-height: 1;
	text-align: left;
	font-weight: 700;
	letter-spacing: -1px;
	margin-bottom: 15px;
	color: #fff
}

.statistic-block p {
	font-family: Poppins, sans-serif;
	margin-bottom: 0;
	text-align: left;
	color: #fff;
	font-weight: 500;
	line-height: 1.5
}

.statistic-block p {
	font-family: Poppins, sans-serif;
	margin-bottom: 0;
	text-align: left
}

#features-02 {
	padding-top: 72px;
	background: #011834;
	padding-bottom: 83px
}

#features-02 p {
	font-size: 16x !important;
	font-weight: 400
}

#features-02 span {
	font-size: 19px;
	display: block;
	text-align: left
}

#features-02 .section-title .h3-lg {
	font-size: 2.5rem;
	font-weight: 700
}

.parasec {
	font-size: 16px !important;
	color: #ffffffd1 !important
}

.txt-blocknxt .ibox-5 .h5-sm {
	margin-bottom: 10px;
	font-weight: 100 !important;
	color: #fff
}

.txt-blocknxt .list-group-item.active {
	z-index: 2;
	color: #fff;
	background-color: #fff0;
	border-color: #007bff
}

.txt-blocknxt .list-group-item {
	position: relative;
	display: block;
	border: 1px solid #fff;
	padding: .75rem 1.25rem;
	margin-bottom: -1px;
	background-color: #fff0;
	border: none
}

.txt-blocknxt img {
	width: 33px;
	border: 1px solid #57cab65e;
	border-bottom: 2px solid #57cbb5;
	padding: 4px;
	border-radius: 8px
}

.txt-blocknxt .list-group-item.active .ibox-5 .h5-sm {
	font-weight: 500 !important;
	color: #5aceb5
}

.downnav {
	background: #f8f9fb;
	padding: 3%;
	border-radius: 20px
}

.downnav .downnav-heading {
	font-size: 30px;
	font-weight: 700;
	color: #02244b
}

.downnav span {
	color: #000;
	font-weight: 600;
	font-size: 19px;
	display: block;
	margin: 0 0
}

#features-02 strong {
	font-size: 20px;
	font-weight: 600;
	color: #090909
}

section#pricing-2 {
	background-color: #022349
}

.jss8 {
	position: relative
}

@media (min-width:1200px) {
	.jss33 {
		border-radius: 0 0 80px 120px;
		margin-bottom: calc(222.093px)
	}

	.jss32 .MuiTypography-root {
		font-size: 3.5rem;
		line-height: 1.3;
		margin-bottom: 36px;
		font-weight: 100;
		font-family: Poppins
	}

	.jss32 {
		padding: 8px 48px 0;
		max-width: 1290px
	}

	.jss9 {
		margin-bottom: -30px;
		flex-direction: row !important
	}

	.jss12 {
		height: 500px !important;
		margin-bottom: 0 !important
	}

	.jss13 {
		padding: 16px 48px 0;
		max-width: 1290px
	}

	.jss22 span {
		font-size: 19px;
		font-weight: 400;
		line-height: 24px;
		padding-left: 14px
	}

	.jss24 {
		margin-bottom: 16px
	}

	.jss30 {
		display: block
	}

	.jss35 {
		padding: 0 38px 0;
		max-width: unset;
		margin-top: 40px
	}

	.jss35mobile {
		margin-top: 429px !important
	}

	.jss34:after {
		top: calc((141% * -.34433) * -1 / 2)
	}

	.jss71 {
		padding: 20px 0 21px !important;
		margin-right: 12px !important;
		margin-bottom: 0 !important
	}
}

.jss9 {
	display: flex;
	align-items: center;
	flex-direction: column
}

.jss33 {
	overflow: hidden;
	transform: skewY(-19deg);
	margin-top: calc(-26.2165vw);
	padding-top: calc(17.2165vw);
	border-radius: 0 0 50px 100px;
	margin-bottom: calc(15.2165vw);
	background: #011834;
	z-index: -999999
}

@media (min-width:600px) {
	.jss33 {
		margin-bottom: calc(103.299px)
	}
}

.jss32 {
	margin: 0 auto;
	display: flex;
	padding: 48px 24px 0;
	max-width: 600px;
	transform: skewY(19deg);
	box-sizing: border-box;
	align-items: center;
	flex-direction: column
}

.jss32 .MuiTypography-root {
	color: #fff;
	font-size: 42px;
	text-align: center;
	font-weight: 700;
	line-height: 1.185;
	margin-bottom: 22px
}

.jss10 {
	width: 72%;
	margin-right: 40px
}

.jss12 {
	height: 225px;
	display: block;
	object-fit: cover;
	margin-bottom: -85px
}

.jss13 {
	margin: 0 auto;
	padding: 16px 24px 0;
	box-sizing: border-box
}

.jss19 {
	display: flex;
	justify-content: space-between
}

.jss20 {
	width: 30%
}

.jss21 {
	margin-bottom: 50px
}

.jss22 {
	display: flex;
	align-items: center;
	margin-bottom: 11px;
	flex-direction: row;
	justify-content: flex-start
}

.jss22 svg {
	width: 10%;
	color: #fff;
	background: #0ce3ee;
	border-radius: 5px;
	padding: 3px
}

.jss22 span {
	padding-right: 2rem;
	display: block;
	font-size: 17px;
	font-weight: 400;
	width: 100%;
	line-height: 1.29;
	padding-left: 14px;
	margin-top: 5%;
	font-family: poppins;
	color: #fff
}

.jss22 span {
	font-size: 19px;
	font-weight: 400;
	line-height: 24px;
	padding-left: 14px
}

.jss24 svg {
	width: 34px;
	height: 34px;
	margin-right: 4px
}

.jss23 .MuiTypography-h3 {
	font-size: 20px;
	text-align: left;
	font-weight: 700;
	line-height: 1.29;
	margin-bottom: 12px;
	color: #fff
}

.jss23 p {
	color: #fff;
	font-size: 20px;
	line-height: 1.5;
	font-weight: 100
}

.strongd {
	color: #2196f3;
	font-weight: 500
}

.jss34 {
	z-index: 1;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
	border-radius: 0 0 50px 50px;
	padding-bottom: 72px
}

.jss34:after {
	top: calc((100vw * -.34433) * -1 / 2);
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	display: block;
	z-index: 2;
	position: absolute;
	transform: skewY(-19deg);
	border-radius: 50px 70px 0 0;
	background-color: #011935
}

.jss30 {
	width: 80%
}

.jss35 {
	z-index: 3;
	position: relative
}

.jss35 .MuiTypography-root {
	font-family: Poppins;
	font-size: 37px;
	line-height: 1em;
	text-align: left;
	font-weight: 700;
	letter-spacing: 0;
	color: #fff;
	margin-bottom: 35px;
	text-transform: capitalize
}

.jss35 .MuiTypography-root span {
	color: #fff !important;
	font-weight: 700;
	font-size: 35px;
	line-height: 1.5
}

.jss36 #list-tab .active {
	color: #fff !important;
	border-radius: 9px;
	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% 100%, 200% 100%;
	color: #fff;
	background-clip: padding-box, border-box
}

.jss36 #list-tab .active .jss71 {
	padding: 20px 0 21px !important;
	margin-bottom: 0 !important;
	color: #0c0c0c;
	box-shadow: none !important;
	background-color: #fff0 !important
}

.jss36 #list-tab .active .jss71 {
	padding: 6px 0 3px !important;
	margin-bottom: 0 !important;
	color: #fff;
	box-shadow: none !important;
	background-color: #fff0 !important
}

.txt-blocknxt .list-group-item.active {
	z-index: 2;
	color: #fff;
	background-color: #fff0;
	border-color: #007bff
}

.txt-blocknxt .list-group-item {
	position: relative;
	display: block;
	border: 1px solid #fff;
	padding: .75rem 1.25rem;
	margin-bottom: -1px;
	background-color: #fff0;
	border: none
}

.jss36 .list-group-item {
	padding: 0 !important;
	margin-bottom: 6%
}

.jss36 #list-tab .active .jss71 {
	padding: 6px 0 3px !important;
	margin-bottom: 0 !important;
	color: #fff;
	box-shadow: none !important;
	background-color: #fff0 !important
}

.jss71 {
	color: #fff;
	width: 100%;
	cursor: pointer;
	display: flex;
	padding: 32px 0;
	position: relative;
	max-width: 320px;
	box-shadow: 0 5px 20px rgb(0 0 0 / 10%);
	align-items: center;
	font-weight: 600;
	line-height: 1.5;
	border-radius: 9px;
	background: #ffffff30;
	margin-bottom: 0 !important
}

.jss79 {
	display: flex;
	align-items: center;
	margin-bottom: 0;
	flex-direction: column;
	font-weight: 400
}

.jss80 {
	font-size: 16px;
	padding: 0 6%;
	line-height: 1.5;
	font-family: Poppins
}

.jss790 {
	color: #fff;
	align-items: baseline !important
}

.downnav0 {
	padding: 2% 3%;
	background: #fff;
	border-radius: 12px
}

.downnav0 .jss80 {
	font-size: 27px;
	color: #1f2644;
	margin-bottom: 15px
}

.jss790 .jss80 {
	padding: 0 !important
}

.downnav0 p {
	color: #1f2644;
	font-weight: 500
}

.downnav0 b {
	font-size: 17px
}

.jss79 {
	display: flex;
	align-items: center;
	margin-bottom: 0;
	flex-direction: column;
	font-weight: 400
}

.jss790 {
	color: #fff;
	align-items: baseline !important
}

.downpara {
	font-size: 40px;
	font-weight: 100 !important;
	color: #fff;
	width: 75%;
	margin: auto;
	margin-bottom: 4% !important;
	line-height: 1.5 !important;
	font-family: inherit
}

.comma1 {
	position: absolute;
	width: 7%;
	opacity: .4;
	top: 6%;
	left: 7%
}

.comma2 {
	position: absolute;
	width: 7%;
	opacity: .4;
	bottom: 6%;
	right: 7%
}

.downpara span {
	color: #48e3c4
}

section.faqs-info {
	padding: 70px 0;
	background: #02244b
}

.faqs-info .h1csscommon {
	font-family: Poppins;
	color: #fff;
	font-size: 3rem;
	line-height: 1.2;
	font-weight: 600
}

.faqs-info ul.txt-list li {
	font-size: 1rem;
	margin-bottom: 7px;
	color: #fff
}

.faqs-info p {
	font-weight: 400;
	color: #f7f7f7 !important;
	margin-bottom: 0
}

.faqs-info #accordion .card {
	margin-bottom: 2rem;
	background: #fff0 linear-gradient(180deg, #1f3d5f17 0, #043978 100%) 0 0 no-repeat padding-box;
	border: none;
	border: 0 solid #1cc5dd;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 31px;
	padding: 40px;
	box-shadow: none
}

.faqs-info #accordion .card .card-header {
	padding: 0 0 0;
	margin-bottom: 0;
	background: 0 0;
	border: none
}

.faqs-info #accordion .card-header a {
	color: #fff
}

.faqs-info #accordion .card-header:after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background: 0 0;
	bottom: 0
}

.faqs-info #accordion .card-header .h5-sm {
	font-weight: 500;
	line-height: 1.5;
	margin-bottom: 0;
	font-size: 22px;
	color: #000
}

.faqs-info #accordion .card-body {
	background: 0 0;
	padding-top: 1rem !important
}

.faqs-info #accordion .card-body p a {
    color: #58cbb6;
}

.banner-fuga-inline {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	min-height: 279px;
	max-width: 87%;
	margin: 105px auto 16px auto;
	padding: 40px 30px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	background-image: linear-gradient(30deg, #02589b, #0984e3);
	border-radius: 25px;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	box-shadow: 7px 7px 30px 0 rgb(0 0 0 / 15%);
	overflow: hidden
}

.banner-fuga-inline h2 {
	padding-right: 13%
}

.banner-fuga-inline img {
	width: 30%;
	float: right;
	position: absolute;
	right: -7px;
	bottom: 0
}

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

.heading2.marginauto.textcenter.text-light {
	color: #fff;
	width: 83%;
}

.heading2.marginauto {
	font-size: 30px;
	font-family: Poppins;
	font-weight: 600;
	margin-bottom: 9px !important;
	color: #fff !important
}

.heading2 {
	max-width: 80%;
	margin: 0 0 8px;
	font-family: 'Gotham Rounded', sans-serif;
	color: #3a3d5c;
	font-size: 2em;
	line-height: 1.2em;
	text-align: left;
	letter-spacing: -1px
}

.app-box h5 {
	line-height: 1;
	margin-bottom: 10px;
	margin-top: 25px
}

.app-box span.app-cat {
	color: #2196f3;
	font-size: .95rem;
	line-height: 1;
	font-weight: 700;
	display: block;
	margin-bottom: 15px
}

.app-box p {
	font-weight: 500;
	font-size: 19px
}

.app-links a span {
	margin-left: 1px
}

.blog-post {
	margin-bottom: 40px
}

.blog-post.b-bottom {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 40px
}

#leave-comment,
.single-post-title,
.single-post-txt {
	padding: 0 3%
}

.single-post-txt .txt-list {
	margin-bottom: 16px
}

.popular-post {
	background-color: #fff;
	padding: 20px 15px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 0 6px rgb(0 0 0 / .1);
	-moz-box-shadow: 0 0 6px rgb(0 0 0 / .1);
	box-shadow: 0 0 6px rgb(0 0 0 / .1)
}

.popular-post a {
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: 400
}

.popular-post a::after {
	font-size: 1.05rem;
	display: inline-block;
	padding-left: 2px;
	margin-top: -1px;
	color: #16a2e0;
	content: "\00bb"
}

.popular-post a:hover {
	text-decoration: underline
}

.blog-post-txt p.post-meta {
	color: #888;
	font-size: .925rem;
	font-family: 'Noto Sans TC', sans-serif;
	margin-bottom: 10px
}

#blog-page .blog-post-txt h4.h4-xs {
	margin-top: 15px;
	margin-bottom: 20px
}

.single-post-txt h5 {
	margin-bottom: 20px
}

.single-post-txt p.p-md {
	font-weight: 500;
	font-style: italic
}

.single-post-txt p a {
	color: #16a2e0;
	font-weight: 400;
	text-decoration: underline
}

.blog-post-txt a:hover {
	text-decoration: underline;
	color: #5aceb5
}

#blog-page h5.posts-category {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-top: 60px;
	margin-bottom: 40px
}

.single-post-data {
	margin-top: 35px
}

#blog-page .single-post-data {
	margin-top: 20px
}

.post-avatar {
	display: inline-block;
	float: left
}

.post-avatar img {
	width: 60px;
	height: 60px;
	display: inline-block;
	margin: 0 15px 0 0;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%
}
section.second-section.info-section.division a {
    color: #58cbb6;
}
#blog-page .post-avatar img {
	width: 50px;
	height: 50px
}

.post-author p {
	color: #888;
	line-height: 1;
	margin-bottom: 2px;
	padding-top: 10px
}

#blog-page .post-author p {
	font-size: .95rem;
	padding-top: 5px;
	margin-bottom: 0
}

.post-author span {
	color: #888;
	line-height: 1;
	margin-bottom: 0
}

#blog-page .post-author span {
	font-size: .95rem
}

.post-inner-img {
	margin-top: 40px;
	margin-bottom: 40px
}

.more-posts {
	margin-top: 20px;
	margin-bottom: 40px
}

.post-share-links {
	margin-top: 60px;
	padding-top: 60px;
	border-top: 1px solid #e5e5e5
}

.post-tags-list {
	margin-bottom: 40px
}

.post-tags-list span a {
	color: #333;
	font-size: .9rem;
	line-height: 1;
	font-weight: 300;
	border: 1px solid #eee;
	padding: 5px 15px;
	margin-right: 8px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.post-tags-list span a:hover {
	background-color: #eee;
	color: #333
}

.error {
	color: #e74c3c;
	font-size: 14px;
	font-weight: 300;
	margin-bottom: 20px
}

@media (min-width:600px) {
	.jss33 {
		margin-bottom: calc(103.299px)
	}
}

@media (min-width:1200px) {
	.jss12 {
		height: 500px !important;
		margin-bottom: 0 !important
	}

	.jss10 button {
		width: 320px;
		display: block !important;
		margin-bottom: 16px;
		justify-content: center
	}

	.jss9 {
		margin-bottom: -30px;
		flex-direction: row !important
	}

	.jss32 {
		padding: 8px 48px 0;
		max-width: 1290px
	}

	.jss35mobile {
		margin-top: 429px !important
	}

	.jss33 {
		border-radius: 0 0 80px 120px;
		margin-bottom: calc(222.093px)
	}

	.jss40 {
		width: 320px;
		margin: 0 auto
	}

	.jss71 {
		padding: 20px 0 21px !important;
		margin-right: 12px !important;
		margin-bottom: 0 !important
	}

	.jss44 {
		flex-direction: row !important;
		justify-content: center !important
	}

	.jss37 {
		margin-bottom: 32px
	}

	.jss32 .MuiTypography-root {
		font-size: 3.5rem;
		line-height: 1.3;
		margin-bottom: 36px;
		font-weight: 100;
		font-family: Poppins
	}

	.jss13 {
		padding: 16px 48px 0;
		max-width: 1290px
	}

	.jss22 span {
		font-size: 19px;
		font-weight: 400;
		line-height: 24px;
		padding-left: 14px
	}

	.jss24 {
		margin-bottom: 16px
	}

	.jss34 {
		max-width: unset;
		margin-top: -500px
	}

	.jss30 {
		display: block
	}

	.jss35 {
		padding: 0 38px 0;
		max-width: unset;
		margin-top: 40px
	}

	.jss34:after {
		top: calc((141% * -.34433) * -1 / 2)
	}

	.jss35 .MuiTypography-root {
		font-size: 33px !important;
		line-height: 50px !important
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.bannerview-div .btn {
		right: 31px !important
	}

	.video-testimonial-block .video-thumbnail {
		position: absolute;
		z-index: 1;
		width: 100%;
		height: 100%
	}

	.main-expertise-div .aih-counter-box.gap-10 {
		gap: 10px !important
	}

	.main-expertise-div .aih-hero-counter h5 {
		font-size: 29px
	}

	.main-expertise-div .aih-color-two {
		font-size: 14px
	}

	.why-us .zoom-image-wrapper img {
		border-radius: 19px
	}

	.testsection-div1 img {
		width: 100%;
		padding: 0 !important;
		border-radius: 30px;
		height: 100%;
		object-fit: cover
	}

	.topheadh2 {
		font-size: 3rem
	}

	.consult-btn {
		height: 50px;
		font-weight: 500;
		line-height: 47px;
		font-size: 15px
	}

	section.second-section .services-detail-heading {
		font-size: 27px
	}

	section.second-section p.text-p {
		font-size: 14px
	}

	.info-blocks .iblock.icon-xs .ser-detail-info-text {
		font-size: 13px;
		font-weight: 400
	}

	.info-blocks .iblock.icon-xs {
		border-radius: 14px;
		padding: 8px
	}

	.info-blocks .iblock.icon-xs img {
		width: 38px
	}

	.info-blocks .iblock.icon-xs .ser-detail-info-text {
		font-size: 13px
	}

	.second-section .info-blocks {
		gap: 7px;
		margin-top: 2rem !important
	}

	.brandlogo-div p {
		padding: 0 3rem
	}
}

@media(max-width:1300px) {
	.aih-bg-color {
		width: 208px;
		font-size: 20px;
		padding: 10px 13px
	}

	.tech .tech-heading {
		font-size: 21px
	}

	.why-us .h1csscommon {
		font-size: 2.3rem;
		line-height: 1.5;
		margin-bottom: 11px
	}
}

@media(max-width:1200px) {
	.jss33 {
		padding-bottom: calc(3.2165vw)
	}

	.jss32 {
		max-width: 84%
	}

	.jss9 {
		flex-direction: row;
		width: 100%
	}

	.jss32 .MuiTypography-root {
		font-size: 49px;
		font-weight: 100;
		line-height: 1.3
	}

	.jss12 {
		height: 100%;
		width: 92%
	}

	.jss10 {
		width: 88%
	}

	.faqs-info #accordion .card-header .h5-sm {
		font-weight: 500
	}

	.devprocess .list-group {
		display: grid !important;
		grid-template-columns: 50% 1fr
	}

	.txt-blocknxt .list-group-item.active .ibox-5 .h5-sm {
		font-weight: 900 !important
	}

	.jss32 .MuiTypography-root {
		font-size: 2rem
	}

	.downpara {
		font-size: 29px
	}

	.banner-fuga-inline img {
		width: 30%;
		right: -18px;
		bottom: 0
	}

	.faqs-info #accordion .card-header .h5-sm {
		font-size: 18px
	}

	.jss9 {
		align-items: center
	}

	.solutions-in-action .detail {
		padding: 4rem 4rem 4rem !important
	}

	.solutions-in-action .inner-info {
		padding: 3rem
	}

	.aih-bg-color {
		background-color: #fff;
		border-radius: 20px;
		padding: 11px !important;
		width: 221px;
		font-size: 21px
	}

	.solutions-in-action .detail {
		padding: 3rem 2rem 3rem
	}

	.aih-arrow-btn {
		width: 80px;
		height: 80px
	}

	.aih-arrow-btn img {
		width: 63px
	}

	.aih-arrow-btn svg {
		width: 18px !important
	}

	.aih-color-two {
		font-size: 16px;
		font-weight: 400
	}

	.aih-bg-color {
		background-color: #fff;
		border-radius: 15px;
		padding: 11px !important
	}

	.second-section .info-blocks {
		grid-template-columns: 1fr 1fr 1fr
	}
}

@media only screen and (max-width:991px) {
	.main-expertise-div .fullwidht.wf-section {
		background: 0 0
	}

	.topheadh2 {
		font-size: 1.7rem !important
	}

	.hover-menu .show>.dropdown-toggle::after {
		transform: rotate(-90deg)
	}

	.bottom-detail-section .grid_colm_head {
		font-size: 14px;
		font-weight: 500;
		padding-top: 10px
	}

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

	.why-us .zoom-image-wrapper {
		text-align: center
	}

	.why-us .zoom-image-wrapper img {
		width: 51%
	}

	#hero-1 .hero-txt {
		padding-left: 5px;
		padding-right: 5px
	}

	#hero-1 p {
		padding-right: 5px;
		padding-left: 5px
	}

	.bizbrolly-spotlights .row .inner-detaildiv .video-testimonial-content {
		padding: 0 .5rem 1rem
	}

	.bizbrolly-spotlights {
		background: #fff;
		padding-bottom: 25px !important;
		padding-top: 25px !important
	}

	.fifthdiv {
		transform: translateY(73.7052px) !important
	}

	.testimonial-block.block-eight.image-block.monza.wow.zoomIn {
		transform: translateY(-44.295px) !important
	}

	.video-testimonial-content .set-display {
		grid-template-columns: 36px 1fr
	}

	.bizbrolly-spotlights .lang-top-head-title h4 {
		font-size: 1.5rem !important;
		line-height: 2.2rem;
		font-weight: 700
	}

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

	.bizbrolly-spotlights2 .lang-top-head-title h4 {
		font-size: 1.5rem !important;
		line-height: 2.2rem;
		font-weight: 700
	}

	.devprocess .list-group {
		display: grid !important;
		grid-template-columns: 50% 1fr
	}

	#statistic-1 img.img-rightposition {
		display: none
	}

	.txt-blocknxt .list-group-item.active .ibox-5 .h5-sm {
		font-weight: 900 !important
	}

	.devprocess .txt-blocknxt .h5-sm {
		font-size: 15px;
		display: inline-flex;
		margin-top: auto;
		align-items: center
	}

	.aih-arrow-btn img {
		width: 46px
	}

	.aih-arrow-btn svg {
		width: 13px !important
	}

	.aih-counter-box {
		bottom: 6px
	}

	.aih-arrow-btn {
		width: 17px;
		height: 17px
	}

	.aih-bg-color {
		background-color: #fff;
		border-radius: 20px;
		padding: 9px !important;
		width: 161px;
		font-size: 15px
	}

	.bottom-detail-section figure {
		width: 30px !important;
		height: 30px !important
	}
}

@media only screen and (min-width:991px) {
	.hover-menu .collapse ul li {
		position: relative
	}

	.hover-menu .collapse ul li:hover>ul {
		display: block
	}

	.hover-menu .collapse ul ul {
		position: absolute;
		top: 100%;
		left: 0;
		min-width: 180px;
		display: none
	}

	section.service-topbanner-section {
		height: auto
	}

	.features__area .features__item .features__title a {
		font-size: 1rem;
		font-weight: 600
	}

	.features__area .features__item {
		padding: 1rem
	}

	.hop {
		left: 0 !important;
		bottom: 50%
	}

	.hover-menu .collapse ul ul li {
		position: relative
	}

	.hover-menu .collapse ul ul li:hover>ul {
		display: block
	}

	.hover-menu .collapse ul ul ul {
		position: absolute;
		top: 0;
		left: 100%;
		min-width: 180px;
		display: none
	}

	.hover-menu .collapse ul ul ul li {
		position: relative
	}

	.hover-menu .collapse ul ul ul li:hover ul {
		display: block
	}

	.hover-menu .collapse ul ul ul ul {
		position: absolute;
		top: 0;
		left: -100%;
		min-width: 180px;
		display: none;
		z-index: 1
	}
}

@media (min-width:768px) and (max-width:990px) {
	.sitemap-area ul {
		padding: 8px 9px
	}

	.jss36 .col-lg-4 .txt-block.txt-blocknxt {
		height: 91px;
		overflow-y: hidden;
		display: flex;
		scrollbar-color: #011834 #011834
	}

	.downnav0 {
		padding: 0 0
	}

	.jss36 .row {
		padding: 0 3rem
	}

	.navbar.bg-tra {
		background-color: #fff !important
	}

	.navbar.bg-tra.white-scroll {
		background-color: #fff !important
	}

	.navbar.bg-tra.black-scroll {
		background-color: #283034 !important
	}

	.navbar.bg-tra.blue-scroll {
		background-color: #16a2e0 !important
	}

	.navbar.bg-tra.deepblue-scroll {
		background-color: #0b4265 !important
	}

	.service-topbanner-section .topheadh2 {
		font-size: 3rem;
		text-align: center
	}

	.service-topbanner-section .topheadh2 span {
		font-size: 3rem !important
	}

	section.service-topbanner-section {
		height: auto;
		padding-top: 6rem
	}

	section.service-topbanner-section .sidepiccol .hero-1-img {
		margin: auto;
		position: relative;
		z-index: 20;
		padding-top: 3rem
	}

	.sidepiccol img {
		max-width: 100%
	}

	.feature3 .txt-block .feature-heading03 {
		font-size: 2rem;
		line-height: 1.4;
		font-weight: 700;
		padding-right: 0
	}

	section.industries-type {
		background: #f8f8f8;
		padding: 60px 0
	}

	.type-div {
		padding: 23px 10px;
		min-height: 147px
	}

	.jss32 .MuiTypography-root {
		font-size: 1.7rem
	}

	#pricing-2 .book-btn {
		font-weight: 400;
		font-size: .775em;
		align-items: center
	}

	.jss12 {
		display: block;
		object-fit: cover;
		margin-bottom: -85px
	}

	.jss32 .MuiTypography-root span {
		display: none
	}

	#pricing-2 .jss33 .book-btn {
		margin-bottom: 4rem
	}

	.jss20 {
		width: 30%;
		display: none
	}

	.jss30 {
		width: 100%
	}

	.jss36 .col-lg-4 .txt-block.txt-blocknxt {
		height: 91px;
		overflow-y: hidden;
		display: flex;
		scrollbar-color: #011834 #011834
	}

	.jss36 #list-tab {
		display: contents
	}

	.jss36 #list-tab .active {
		height: 70px
	}

	.jss36 #list-tab .active .jss71 {
		padding: 6px 0 3px !important;
		margin-bottom: 0 !important;
		color: #fff;
		box-shadow: none !important;
		background-color: #fff0 !important
	}

	.jss71 {
		color: #1f2644;
		width: 100%;
		height: 67px;
		cursor: pointer;
		display: flex;
		padding: 5px 0;
		position: relative;
		margin: auto;
		box-shadow: 0 5px 20px rgb(0 0 0 / 10%);
		align-items: center;
		border-radius: 9px;
		margin-bottom: 0 !important;
		background-color: #fff
	}

	section.faqs-info {
		padding: 38px 0;
		background: #02244b
	}

	.jss36 .row {
		padding: 0 1rem
	}

	#pricing-2 .jss33 {
		overflow: hidden;
		transform: skewY(-19deg);
		margin-top: calc(-28.2165vw);
		padding-top: calc(0);
		border-radius: 0 0 50px 100px;
		margin-bottom: calc(-15.7835vw);
		background: linear-gradient(90deg, #042449 0, #0a54a4 100%);
		z-index: -999999
	}

	.jss35 .MuiTypography-root {
		font-size: 2rem;
		padding: 0 2%;
		margin-bottom: 24px;
		margin-top: 34%;
		text-align: center;
		font-weight: 700;
		line-height: 40px
	}

	.jss36 .list-group-item {
		padding: 0 !important;
		margin-bottom: 8%;
		margin-right: 1%;
		height: 70px
	}

	.jss79 {
		display: flex;
		align-items: center;
		margin-bottom: 0;
		flex-direction: column;
		padding: 5%
	}

	.jss80 {
		font-size: 13px;
		padding: 0 2%;
		font-weight: 600
	}

	.jss9 {
		display: flex;
		gap: 10px;
		align-items: center;
		flex-direction: row
	}

	.jss10 {
		width: 80%;
		margin-right: 0
	}

	.devprocess .txt-blocknxt img {
		width: 43px;
		background: #fff;
		border-radius: 8px
	}

	.reviews-1 {
		display: none
	}

	.brandlogo-div p {
		padding: 0
	}

	#myCarousel.work-carousel .carousel-item .mask {
		position: inherit !important;
		height: 100%
	}

	#myCarousel.work-carousel .carousel-inner {
		height: max-content
	}

	.mobile-d-none {
		display: none
	}

	.brief-about .row.mainrow {
		padding: 2rem
	}

	#myCarousel.slide.work-carousel {
		width: 100%;
		height: 983px
	}

	.jss32 {
		margin: 0 auto;
		display: flex;
		padding: 72px 0 0
	}

	.hop30 {
		width: 110px;
		height: 110px;
		position: absolute !important;
		top: 34%;
		left: 34%
	}

	section.projects-info {
		padding: 50px 0
	}

	.bottom-detail-section .grid_colm_head {
		font-size: 13px
	}

	.bottom-detail-section figure {
		width: 40px;
		height: 40px
	}

	.bannerview-div .btn {
		right: 6px !important;
		top: 0 !important;
		font-size: 12px !important;
		height: 40px !important;
		line-height: 40px !important;
		padding: 0 1.2em !important
	}

	.services-we-offer {
		padding-top: 1rem
	}

	.main-expertise-div .division-services {
		background-color: #02244b;
		padding-top: 39px;
		padding-bottom: 0
	}

	.solutions-in-action .detail {
		padding: 1rem 1rem 1rem !important;
		border-radius: 33px !important;
		margin-top: 0 !important
	}

	.solutions-in-action .inner-info {
		padding: 2rem !important;
		height: auto;
		border-radius: 27px
	}

	.solutions-in-action .inner-info img {
		position: initial !important
	}

	.why-us .zoom-image-wrapper img {
		border-radius: 18px
	}

	#myCarousel .carousel-item .mask img {
		margin: auto;
		padding: 23px;
		border-radius: 50px
	}

	#myCarousel.work-carousel .carousel-item .mask .p-5 {
		padding-top: 0 !important
	}

	.firstdiv {
		max-width: 100%
	}

	.firstdiv img {
		width: 100%
	}

	.lazyloaded {
		max-width: 129px;
		right: 0;
		bottom: -50px
	}

	.lazyloaded2 {
		max-width: 100%
	}

	.brandlogo-div .brand-logo img {
		padding: 8px 8px
	}
}

@media (min-width:576px) and (max-width:767.99px) {
	#myCarousel .carousel-item .mask img {
		padding: 27px;
		margin: auto
	}

	#statistic-1 img.img-rightposition {
		display: none
	}

	#myCarousel.work-carousel .carousel-item .mask .p-5 {
		padding-top: 0 !important
	}

	.navbar.bg-tra {
		background-color: #fff !important
	}

	.firstdiv {
		max-width: 100%
	}

	.firstdiv img {
		width: 100%
	}

	.lazyloaded {
		max-width: 129px;
		right: 0;
		bottom: -50px
	}

	.lazyloaded2 {
		max-width: 100%
	}

	.navbar.bg-tra.white-scroll {
		background-color: #fff !important
	}

	.navbar.bg-tra.black-scroll {
		background-color: #283034 !important
	}

	.navbar.bg-tra.blue-scroll {
		background-color: #16a2e0 !important
	}

	.navbar.bg-tra.deepblue-scroll {
		background-color: #0b4265 !important
	}

	.service-topbanner-section .topheadh2 {
		font-size: 3rem;
		text-align: center
	}

	.service-topbanner-section .topheadh2 span {
		font-size: 3rem !important
	}

	section.service-topbanner-section {
		height: auto;
		padding-top: 6rem
	}

	section.service-topbanner-section .sidepiccol .hero-1-img {
		margin: auto;
		position: relative;
		z-index: 20;
		padding-top: 3rem
	}

	.sidepiccol img {
		max-width: 100%
	}

	.feature3 .txt-block .feature-heading03 {
		font-size: 2rem;
		line-height: 1.4;
		font-weight: 700;
		padding-right: 0
	}

	section.industries-type {
		background: #f8f8f8;
		padding: 60px 0
	}

	.type-div {
		padding: 17px 5px;
		min-height: 137px
	}

	.jss32 .MuiTypography-root {
		text-align: center !important
	}

	.jss12 {
		height: auto;
		width: 46%;
		object-fit: cover;
		margin-bottom: -85px;
		margin: auto
	}

	.jss32 .MuiTypography-root span {
		display: none
	}

	.video-testimonial-block .video-thumbnail {
		height: 100%
	}

	.testsection-div1 img {
		object-fit: cover
	}

	#pricing-2 .jss33 .book-btn {
		margin: auto !important
	}

	.jss20 {
		width: 30%;
		display: none
	}

	.jss30 {
		width: 100%
	}

	.jss36 #list-tab {
		display: contents
	}

	.jss36 #list-tab .active {
		height: 70px
	}

	.jss36 #list-tab .active .jss71 {
		padding: 6px 0 3px !important;
		margin-bottom: 0 !important;
		color: #fff;
		box-shadow: none !important;
		background-color: #fff0 !important
	}

	.jss71 {
		color: #1f2644;
		width: max-content;
		height: 67px;
		cursor: pointer;
		display: flex;
		padding: 5px 0;
		position: relative;
		margin: auto;
		box-shadow: 0 5px 20px rgb(0 0 0 / 10%);
		align-items: center;
		border-radius: 9px;
		margin-bottom: 0 !important;
		background-color: #fff
	}

	section.faqs-info {
		padding: 38px 0;
		background: #02244b
	}

	.jss36 .row {
		padding: 0 1rem
	}

	#pricing-2 .jss33 {
		overflow: hidden;
		transform: skewY(-19deg);
		margin-top: calc(-34.2165vw);
		padding-top: calc(0);
		border-radius: 0 0 50px 100px;
		margin-bottom: calc(-15.7835vw);
		background: linear-gradient(90deg, #042449 0, #0a54a4 100%);
		z-index: -999999
	}

	.jss35 .MuiTypography-root {
		font-size: 1.7rem;
		padding: 0 2%;
		margin-bottom: 24px;
		margin-top: 34%;
		text-align: center;
		font-weight: 700;
		line-height: 40px
	}

	.jss36 .list-group-item {
		padding: 0 !important;
		margin-bottom: 8%;
		margin-right: 1%;
		height: 70px
	}

	.jss79 {
		display: flex;
		align-items: center;
		margin-bottom: 0;
		flex-direction: column;
		padding: 5%
	}

	.jss80 {
		font-size: 13px;
		padding: 0 2%;
		font-weight: 600
	}

	.jss9 {
		display: flex;
		gap: 34px;
		align-items: center;
		flex-direction: column
	}

	.jss10 {
		width: 100%;
		margin-right: 0;
		text-align: center
	}

	.reviews-1 {
		display: none
	}

	.brandlogo-div p {
		padding: 0
	}

	#myCarousel.work-carousel .carousel-item .mask {
		position: inherit !important;
		height: 100%
	}

	#myCarousel.work-carousel .carousel-inner {
		height: max-content
	}

	.mobile-d-none {
		display: none
	}

	.brief-about .row.mainrow {
		padding: 1rem
	}

	#myCarousel.slide.work-carousel {
		width: 100%;
		height: 100%
	}

	section.projects-info {
		padding: 50px 0
	}

	.bottom-detail-section .grid_colm_head {
		font-size: 11px
	}

	.bottom-detail-section figure {
		width: 31px;
		height: 31px
	}
}

@media screen and (max-width:767px) {
	section.projects-info {
		height: 1289px
	}

	.sitemap-area ul {
		padding: 8px 9px
	}

	#statistic-1 img.img-rightposition {
		display: none
	}

	.video-testimonial-block .video-thumbnail {
		height: 100%
	}

	.testsection-div1 img {
		object-fit: cover
	}

	.features__list {
		padding-right: 0
	}

	.solutions-in-action .inner-info img {
		position: initial !important
	}

	.solutions-in-action .inner-info {
		padding: 2rem !important
	}

	#features-02 span {
		font-size: 17px;
		text-align: center
	}

	#features-02 .section-title .h3-lg {
		font-size: 2.2rem;
		line-height: 1.5
	}

	.services-we-offer {
		padding-top: 1rem
	}

	.aih-counter-box.gap-10 {
		display: none !important
	}

	.bannerview-div .btn {
		right: 1px !important;
		top: 0 !important;
		font-size: 12px !important;
		height: 40px !important;
		line-height: 40px !important;
		padding: 0 1em !important
	}

	.jss36 #list-tab {
		display: grid;
		flex-direction: row;
		grid-template-columns: 48% 1fr;
		gap: 10px
	}

	.jss36 .list-group-item {
		margin-right: 3%;
		width: 100%
	}

	.jss36 .list-group-item {
		margin-bottom: 0
	}

	.jss36 .list-group-item .jss71 {
		width: 100%
	}

	.topbrandul ul li {
		border-right: 2px solid #ffffff21;
		padding-right: 2px !important;
		padding-left: 7px !important
	}

	.topbrandul ul li img {
		width: 74px
	}

	.feedback-slider-item:after {
		left: 30px;
		right: 30px
	}

	.customer-feedback .owl-nav [class*=owl-] {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		margin-top: 45px;
		bottom: auto
	}

	.customer-feedback .owl-prev {
		left: 0
	}

	.customer-feedback .owl-next {
		right: 0
	}

	.solutions-in-action .detail .h1csscommon {
		font-size: 1.5rem !important
	}

	.solutions-in-action .detail {
		padding: 1rem 1rem 1rem !important;
		border-radius: 33px !important;
		margin-top: 0 !important
	}

	section.tech {
		padding: 30px 0 !important
	}

	section.standards-processes {
		padding: 30px 0 !important
	}

	.main-expertise-div .division-services {
		background-color: #02244b;
		padding-top: 39px;
		padding-bottom: 0
	}

	.request-btn {
		margin: 0 auto auto !important
	}

	.solutions-in-action .inner-info {
		padding: 2rem !important
	}

	.solutions-in-action .inner-info {
		margin-bottom: 20px;
		border-radius: 20px !important;
		height: auto !important
	}

	section#pricing-2 {
		padding-top: 100px !important
	}

	#myCarousel .carousel-item .mask .listdiv .portfolio-description ul.features li {
		color: #161616 !important
	}

	.flip-box-inner-services {
		padding: 14px 15px
	}

	.services-we-offer .services-box .flip-box-inner-services .flip-box-h3 {
		font-size: 1.1rem
	}

	.services-we-offer p {
		font-weight: 300;
		font-size: 14px
	}

	.feature3 .features__title {
		font-size: 1.5rem
	}

	.services-we-offer .subtitle {
		font-size: 23px
	}

	.aih-arrow-btn {
		width: 75px;
		height: 75px
	}

	.aih-arrow-btn svg {
		width: 15px
	}

	.aih-bg-color {
		width: 223px;
		font-size: 19px;
		padding: 12px 16px
	}

	.services-we-offer .subtitle {
		color: #fff;
		font-size: 28px
	}

	.services-we-offer .services-box .flip-box-inner-services .flip-box-h3 {
		font-size: 1rem
	}
}

@media (max-width:575px) {
	.lifeatbizbrolly h2 {
		font-weight: 700;
		font-size: 2rem
	}

	section.projects-info {
		height: 1066px
	}

	#awards {
		padding: 0 25px 0
	}

	#awards .award-video {
		padding: 10px 10px 10px;
		height: auto
	}

	#awards .award-video iframe {
		height: 200px
	}

	.feature3 .txt-block .feature-heading03 {
		font-size: 1.5rem !important;
		text-align: center
	}

	section.second-section .services-detail-heading {
		font-size: 27px;
		margin-bottom: 16px
	}

	#awards .award-img {
		width: 100%;
		height: auto
	}

	section.second-section .services-detail-heading {
		text-align: center
	}

	section.second-section p.text-p {
		text-align: center
	}

	.info-blocks .iblock.icon-xs {
		text-align: center
	}

	section#open.openrole {
		padding: 0 25px 0
	}

	.openrole h2 {
		font-weight: 700;
		font-size: 2rem
	}

	section.second-section .services-detail-heading {
		text-align: center
	}

	section.second-section p.text-p {
		text-align: center
	}

	.info-blocks .iblock.icon-xs {
		text-align: center
	}

	#hero-1 {
		padding-top: 103px
	}

	.openrole h2 span {
		font-weight: 700;
		font-size: 2rem !important
	}

	section#benefit {
		padding: 25px 25px 0
	}

	.biz-area-text p {
		padding: 0 1px 12px
	}

	.section.bizbrollyvalues {
		padding: 127px 25px 25px
	}

	.bizbrollyvalues .heading {
		font-weight: 700;
		font-size: 1.6rem
	}

	.lastsepdiv .banner-fuga-inline022 {
		margin: 0 auto
	}

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

	.bizbrollyvalues h2 {
		font-size: 2rem;
		font-weight: 700
	}

	.list-sitearea {
		margin-right: 0
	}

	.video-testimonial-block .video-thumbnail {
		height: 100%
	}

	.testsection-div1 img {
		object-fit: cover
	}

	.solutions-in-action .h1csscommon {
		font-size: 1.7rem !important;
		font-weight: 700 !important
	}

	.solutions-in-action .detail .h1csscommon {
		font-size: 1.5rem !important
	}

	.bannerview-div .btn {
		right: 0 !important;
		position: inherit !important;
		top: 16px !important
	}

	section.tech {
		padding: 30px 0 !important
	}

	.tech .h1csscommon {
		font-size: 1.7rem !important;
		font-weight: 700 !important
	}

	.why-us .h1csscommon {
		font-size: 1.7rem !important;
		font-weight: 700 !important
	}

	section.why-us {
		padding: 30px 0 30px !important
	}

	section.standards-processes {
		padding: 30px 0 !important
	}

	.standards-processes .h1csscommon {
		font-size: 1.7rem !important;
		font-weight: 700 !important
	}

	.services-we-offer {
		padding-top: 1rem !important
	}

	.main-expertise-div .division-services {
		background-color: #02244b;
		padding-top: 39px;
		padding-bottom: 0
	}

	.services-we-offer .subtitle {
		color: #fff !important;
		font-size: 1.5rem !important;
		font-weight: 700 !important
	}

	.services-we-offer p {
		font-size: 14px
	}

	.top-banner-inner-page .bannerview-div {
		position: relative;
		margin-top: 0
	}

	.solutions-in-action .detail {
		padding: 1rem 1rem 1rem !important;
		border-radius: 33px !important;
		margin-top: 0 !important
	}

	.solutions-in-action {
		padding: 0 0 0 !important
	}

	.solutions-in-action .inner-info {
		margin-bottom: 20px;
		border-radius: 20px !important;
		height: auto !important
	}

	.request-btn {
		margin: 0 auto auto !important
	}

	.solutions-in-action .inner-info img {
		position: initial !important
	}

	.solutions-in-action .inner-info {
		padding: 2rem !important
	}

	.aih-counter-box.gap-10 {
		display: none !important
	}

	.jss10 {
		text-align: center;
		margin: 0 auto;
		margin-bottom: 34px;
		width: 92%
	}

	.bottom-detail-section figure {
		margin: auto
	}

	.bottom-detail-section .grid_colm_head {
		text-align: center
	}

	.bottom-detail-section figure img {
		max-width: 100%
	}

	.reviews-section h2 {
		text-align: center
	}

	section.industries-type {
		background: #f8f8f8;
		padding: 30px 0
	}

	.downpara {
		font-size: 1.5rem;
		width: 100%
	}

	.more-questions {
		margin-top: 50px
	}

	.brandlogo-div .brand-logo img {
		padding: 0 22px;
		filter: grayscale(1)
	}

	.brandlogo-div p {
		font-weight: 400;
		color: #000;
		font-size: 1rem;
		padding: 0 0
	}

	section.faqs-info {
		padding: 30px 0
	}

	.faqs-info .h1csscommon {
		font-family: Poppins;
		color: #fff;
		font-size: 2rem !important;
		line-height: 1.2;
		font-weight: 700
	}

	.section-title h3.h3-lg {
		line-height: 1.2;
		font-size: 2rem !important;
		padding-right: 0 !important
	}

	.fullwidht.wf-section img {
		display: none
	}

	.mobile-d-none {
		display: none
	}

	.jss34 {
		padding-bottom: 14px
	}

	.jss13 {
		margin: 0 auto;
		padding: 16px 0 0;
		box-sizing: border-box
	}

	.jss36 .row {
		padding: 0 1rem
	}

	#pricing-2 .jss33 .book-btn {
		margin-bottom: 4rem
	}

	.jss9 {
		display: flex;
		align-items: center;
		flex-direction: column;
		padding-top: 4rem
	}

	.jss32 {
		margin: 0 auto;
		display: flex;
		padding: 0 0 0
	}

	.jss35 .MuiTypography-root {
		font-size: 1.3rem;
		padding: 0 2%;
		margin-bottom: 24px;
		margin-top: 35%;
		text-align: center;
		font-weight: 600;
		line-height: 1.5
	}

	.jss36 #list-tab .active .jss71 {
		padding: 6px 0 3px !important;
		margin-bottom: 0 !important;
		color: #fff;
		box-shadow: none !important;
		background-color: #fff0 !important
	}

	.jss79 {
		display: flex;
		align-items: center;
		margin-bottom: 0;
		flex-direction: column;
		padding: 5%
	}

	.jss71 {
		color: #1f2644;
		width: 100px;
		margin-right: 9px !important;
		height: 67px;
		cursor: pointer;
		display: flex;
		padding: 5px 0;
		position: relative;
		margin: auto;
		box-shadow: 0 5px 20px rgb(0 0 0 / 10%);
		align-items: center;
		border-radius: 9px;
		margin-bottom: 0 !important;
		background-color: #fff
	}

	.downnav0 .jss80 {
		font-size: 1.5rem;
		line-height: 1.2;
		color: #1f2644;
		margin-bottom: 15px;
		font-weight: 600
	}

	.jss36 #list-tab .active {
		height: 70px
	}

	.jss80 {
		font-size: 13px;
		padding: 0 2%;
		font-weight: 600
	}

	.jss20 {
		width: 30%;
		display: none
	}

	.jss36 {
		padding: 5%
	}

	.jss30 {
		width: 100%
	}

	.jss36 #list-tab {
		display: grid;
		flex-direction: row;
		grid-template-columns: 48% 1fr;
		gap: 10px
	}

	.jss36 .list-group-item {
		margin-right: 3%;
		width: 100%
	}

	.jss36 .list-group-item {
		margin-bottom: 0
	}

	.jss36 .list-group-item .jss71 {
		width: 100%
	}

	.txt-block.txt-blocknxt {
		margin-bottom: 10px
	}

	.jss32 .MuiTypography-root {
		font-size: 1.8rem;
		text-align: center !important
	}

	.jss32 .MuiTypography-root br {
		display: none
	}

	#pricing-2 .jss33 {
		overflow: hidden;
		transform: skewY(-19deg);
		margin-top: calc(-46.2165vw);
		padding-top: calc(0);
		border-radius: 0 0 50px 100px;
		margin-bottom: calc(-15.7835vw);
		background: linear-gradient(90deg, #042449 0, #0a54a4 100%);
		z-index: -999999
	}

	.devprocess .txt-blocknxt img {
		width: 40px;
		background: #3edbcb;
		border-radius: 8px
	}

	.devprocess .txt-blocknxt .h5-sm {
		font-size: 14px;
		display: inline-flex;
		margin-top: auto;
		align-items: center
	}

	.downnav {
		background: #f8f9fb;
		padding: 6%;
		border-radius: 20px
	}

	#features-02 strong {
		font-size: 16px;
		text-align: center;
		width: 100%;
		display: flex;
		justify-content: center
	}

	#features-02 svg {
		margin-right: 4px
	}

	.devprocess .section-title {
		margin-bottom: 15px
	}

	#features-02 {
		padding-top: 20px
	}

	.separator-2 {
		max-width: 93%;
		min-height: auto;
		padding: 5% 5%
	}

	.separator-2 img {
		display: none
	}

	.brief-about .brief-about-heading {
		font-size: 2rem;
		line-height: 1;
		font-weight: 700
	}

	.brief-about span.section-id {
		font-size: 15px;
		line-height: 1.5;
		font-weight: 500
	}

	.brief-about .row.mainrow {
		padding: 1rem
	}

	.brief-about .row.mainrow .pc-45 {
		padding-right: 0;
		padding-left: 0;
		margin-bottom: 0;
		text-align: center
	}

	.statistic-block .statistic-number {
		text-align: center
	}

	.brief-about .statistic-block p {
		text-align: center
	}

	#features-02 .section-title .h3-lg {
		text-align: center !important
	}

	#features-02 p {
		text-align: center !important
	}

	.downnav .downnav-heading {
		text-align: center
	}

	section.projects-info .row.mb-5 {
		margin-bottom: 0 !important
	}

	.fullwidht.wf-section {
		background: #fff;
		padding-bottom: 2rem !important
	}

	.banner-fuga-inline4 p {
		padding-right: 0
	}

	.sep-img {
		width: 100%;
		position: inherit;
		right: 0;
		bottom: 0
	}

	.seperator1 {
		padding-top: 20px;
		padding-bottom: 0
	}

	.img-rightposition {
		padding: 0 16px;
		position: inherit;
		right: 0;
		bottom: 0;
		width: 100%
	}

	.feature3 .pc-45 {
		padding-right: 0
	}

	.feature3 .mb-40 {
		margin-bottom: 0
	}

	.feature3 .txt-block .feature-heading03 {
		font-size: 2rem;
		line-height: 1.4;
		font-weight: 700;
		padding-right: 0
	}

	.features__area .features__item {
		margin-bottom: 1rem;
		height: auto
	}

	.feature3.info-section.division {
		padding-top: 0 !important
	}

	.second-section.info-section {
		padding-top: 0
	}

	section.service-topbanner-section .sidepiccol .hero-1-img {
		margin: auto;
		position: relative;
		z-index: 20;
		padding-top: 3rem
	}

	section.service-topbanner-section .os-version {
		margin-top: 2%
	}

	section.service-topbanner-section .brands-logoicon ul li {
		border-right: none
	}

	section.service-topbanner-section .brands-logoicon ul {
		grid-template-columns: 1fr 1fr;
		column-gap: 29px;
		row-gap: 0;
		text-align: left
	}

	section.service-topbanner-section p.toppara {
		margin-bottom: 1rem;
		text-align: left
	}

	.service-topbanner-section .stores-badge {
		text-align: left
	}

	.service-topbanner-section .topheadh2 {
		font-size: 3rem;
		text-align: left
	}

	.service-topbanner-section .topheadh2 span {
		font-size: 3rem !important
	}

	section.service-topbanner-section {
		height: auto;
		padding-top: 5rem
	}

	.review-3-txt4 p {
		color: #000;
		margin-top: 0
	}

	.stores-badge .btn.review-3-txt {
		width: 70% !important
	}
.sidepiccol {
    text-align: center;
}
	.sidepiccol .mb-40 {
		margin-bottom: 0
	}

	#statistic-1 {
		padding-bottom: 0
	}

	#myCarousel.work-carousel .carousel-item .mask {
		position: inherit !important;
		height: 100%
	}

	#myCarousel.slide.work-carousel {
		width: 100%;
		height: 100%
	}

	#myCarousel.work-carousel .carousel-inner {
		height: max-content
	}

	.features2 h2 {
		font-family: Poppins;
		color: #fff;
		font-size: 2rem
	}

	.brandlogo-div .brandlogo-heading {
		font-size: 2rem
	}

	.brandlogo-div .brandlogo-heading span {
		font-size: 2rem !important
	}

	section.industries-type .industries-heading {
		font-size: 2rem;
		text-align: center
	}

	span.id-color {
		text-align: center
	}

	section.industries-type p {
		text-align: center
	}

	.projects-info .h1csscommon {
		font-size: 1.7rem !important;
		font-weight: 700 !important
	}

	.why-us .zoom-image-wrapper img {
		border-radius: 18px
	}

	.ayush {
		margin-top: 37%;
		margin-bottom: 56px
	}

	.lazyloaded2 {
		width: 100%
	}

	.review-1-txt {
		padding: 9px 13px
	}

	.h5-md {
		font-size: 1.775rem
	}

	.fifthdiv {
		transform: translateY(82.705px) !important
	}

	.forthdiv {
		transform: translateY(247.7888px)
	}

	.monza {
		transform: translateY(0) !important
	}

	.lastright-testi {
		transform: translateY(36px) !important
	}

	.lazyloaded {
		max-width: inherit;
		right: 0;
		z-index: +99999999;
		bottom: -55px;
		position: absolute;
		z-index: +9;
		width: 38% !important
	}

	.robert {
		margin-top: 53%
	}

	.seconddiv {
		position: relative;
		transform: translateY(53.29447px);
		max-width: 360px;
		margin: auto
	}

	.reviews-section h2 {
		font-size: 2rem !important;
		font-weight: 700 !important
	}

	.firstdiv {
		position: relative;
		max-width: max-content;
		margin: auto;
		transform: translateY(0)
	}

	.firstdiv img {
		width: 100%
	}

	.paul {
		max-width: 329px !important
	}

	.fullwidht.wf-section2 .banner-fuga-inline2 {
		min-height: 191px !important
	}

	.fullwidht.wf-section2 .banner-fuga-inline2 img {
		display: none
	}

	#myCarousel.work-carousel .carousel-item .mask img {
		border-radius: 0;
		padding: 35px 30px 0
	}

	#myCarousel.work-carousel .carousel-item .p-5 {
		padding: 1rem !important
	}

	.info-section.division {
		padding-top: 41px
	}

	section.features__area.features2 .section__title-wrapper {
		text-align: center !important
	}

	section.features__area.features2 h2 {
		text-align: center
	}

	.second-section .info-blocks {
		display: grid !important;
		grid-template-columns: 1fr 1fr
	}

	.info-8-row .txt-block p {
		padding: 0 0
	}

	.bottom-detail-section {
		display: grid;
		grid-template-columns: 1fr 1fr
	}

	.type-div {
		justify-content: center;
		text-align: left;
		border-right: 0 solid #43aab53d;
		border-bottom: 0 solid #43aab53d;
		padding: 20px 20px 20px 20px;
		min-height: 132px;
		display: flex;
		align-items: center
	}

	#myCarousel.slide {
		width: 100%;
		height: auto;
		margin: 18px
	}

	section.projects-info {
		padding: 50px 0 !important
	}

	.banner-fuga-inline img .sep {
		width: 100% !important;
		position: inherit !important
	}

	.standards-processes .process-heading {
		text-align: center;
		font-size: 17px
	}
	.stores-badge .btn.review-3-txt.review-3-txt4 {
    margin-left: 0px;
}
.stores-badge .consult-btn {
    margin-bottom: 15px;
   
}
}