html{
/*  scroll-behavior: smooth; */
}
body{
	font-family: 'Roboto-Regular', sans-serif;
	font-style: normal;
	font-size: 18px;
	padding-top: 65px;
}
a, a:hover, a:focus{
	text-decoration: none;
	outline: none;
}
.navbar-toggler-icon {
	background-image: url("/assets/images/burger-menu.svg") !important;
	}
img {
	max-width: 100%;
}
.bg-black {
	background-color: #000;
}
.bg-white {
	background-color: #fff;
}
.w-80{
	width: 80% !important;
}
.txt_white {
	color: #fff !important;
}
.btn-warning{
	background-color: var(--carrot-orange);
	border-color: var(--carrot-orange);
	color: var(--white);

	-webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.btn-outline-warning{
	border-color: var(--carrot-orange);
	color: var(--carrot-orange);

	-webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.btn-danger{
	background-color: var(--red);
}
.btn-dark{
	background-color: var(--jaguar);
	color: var(--white);
}
.btn-link{
	font-size: 16px;
	color: var(--carrot-orange);
	text-align: left;
}
.btn-link i{
	font-size: 32px;
}
.btn-link:hover{
	color: var(--white);
	text-decoration: none;
}
.btn-outline-secondary{
	border-color: var(--dim-grey);
	color: var(--white);
	font-family: 'Roboto-Regular';
	font-size: 22px;
}
.btn-outline-secondary:hover{
	background-color: var(--carrot-orange);
}
.btn-warning:focus {
	color: #212529;
}
.bg-dark{
	background: var(--jaguar) !important;
}
.bg-eclipse{
	background: var(--eclipse) !important;
}
.bg-payne-grey{
	background: var(--payne-grey);
}
.bg-dark-tangerine{
	background: var(--dark-tangerine);
}
.bg-dark-rusian{
	background: var(--black-rusian);
}
.bg-banner::before{
	content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
 /* background-image: linear-gradient(var(--black-rock), transparent); */
  opacity: 0.9;
}
section#why-choose-us .pt-5 {
    padding-top: 1rem !important;
}
.bg-banner, .bg-banner-partner, .bg-banner-erp{
	height: calc(160vh - 0px);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	opacity: .4;
}
.comparison-banner,
.comparison2-banner {
	height: calc(100vh - 65px);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}

/*Cookie Consent Begin*/
#cookieConsent {
    background-color: #ffc107;
    min-height: 26px;
    font-size: 14px;
    color: #494949;
    line-height: 26px;
    padding: 8px 0 8px 30px;
    font-family: 'Roboto-Bold';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 9999;
}
#cookieConsent a {
    color: #fff;
    text-decoration: none;
}
#closeCookieConsent {
    float: right;
    display: inline-block;
    cursor: pointer;
    height: 20px;
    width: 20px;
    font-size: 28px;
    margin-right: 20px;
}
#closeCookieConsent:hover {
    color: #FFF;
}
#cookieConsent a.cookieConsentOK {
    background-color: #F1D600;
    color: #000;
    display: inline-block;
    border-radius: 5px;
    padding: 0 20px;
    cursor: pointer;
    float: right;
    margin: 0 60px 0 10px;
}
#cookieConsent a.cookieConsentOK:hover {
    background-color: #E0C91F;
}
/*Cookie Consent End*/



.title {
	font-size: 39.5px;
	letter-spacing: 0;
	color: var(--black-rusian);
}
#main-banner p {
	color: var(--black-rusian) !important;
}
#main-banner p.perbandingancolor {
	color: var(--white) !important;
}
.title-yellow{
	font-size: 48px;
	color: var(--dark-tangerine);
	font-family: 'Roboto-Black';
	line-height: 30px;
}
.section-title {
	font-size: 24px;
	font-family: 'Roboto-Bold';
	color: var(--black-rusian);
	letter-spacing: 2.16px;
	position: relative;
}
.thankyou h1.title {
	font-size: 42px;
	color: #FEA110;
	margin-top: 125px;
	font-weight: bold;
	padding-bottom: 10px;
}
.thankyou p.subtitle {
	padding-bottom: 25px;
}
.thankyou img.iconthanks {
	position: absolute;
    left: 0;
    right: 0;
    margin: 35px auto;
}
section#product-integration h1.section-title, 
section#contact-form h1.section-title,
section#featured-client h1.section-title,
section#why-choose-us h1.section-title,
section#industry-served h1.section-title,
section#testimonial-section h1.section-title,
section#blog-section h1.section-title,
section#partners-commitment h1.section-title,
section#solution h1.section-title,
.list-product h1.section-title {
	color: var(--azure);
}
h2.section-title, h3.section-title {
	color: var(--azure);
}
.line-sm::after, .line-left::after{
	content: "";
	width: 100px;
	border-bottom: 2px solid var(--dark-tangerine);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.underline{
	content: "";
	width: 100px;
	border-bottom: 2px solid var(--dark-tangerine);
	margin-top: -8px;
}
.underline-right{
	content: "";
	width: 100px;
	border-bottom: 2px solid var(--dark-tangerine);
	float: right;
	margin-bottom: 10px;
}
.underline-left{
	content: "";
	width: 100px;
	border-bottom: 2px solid var(--dark-tangerine);
	float: left;
	margin-bottom: 10px;
}

.line-left::after{
	margin: 0 auto 0 0;
}
.line-sm::after{
	width: 40px;
}
.section-content{
	font-size: 14px;
	font-family: 'Roboto-Light';
	color: var(--white);
}
.tagline{
	font-family: 'Roboto-Light';
	font-size: 25px;
	color: var(--alice-blue);
}
.logo-featured {
	width: 120px;
	height: 120px; 
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin: 10px 0px;
}
.logo-featured img:last-child {
	position: absolute;
    top: 0; 
    left: 50%; 
    display: none;
    transform:translateX(-50%);
}
.img_first, .img_hover {
	width: 120px;
	transition: 0.5s linear;
}
.feat-img:hover, .feat-img:hover .img_hover {
	width: 120px;
}

/*
.logo-featured{
	width: 120px;
	height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.3s linear;
}
*/

/*
.logo-featured .img_hover {
    display: none;
}
.logo-featured:hover .img_first {
	display: none;
}
.logo-featured:hover .img_hover {
	display: block;
}
*/
.carousel-indicators li{
	width: 12px !important;
	height: 12px !important;
	border-radius: 100%;
}

.carousel-indicators .active{
	background-color: var(--dark-tangerine);
}

/*Navbar*/
/*
.logo{
	width: 150px;
}
*/
.navbar {
	height: 82px;
	-webkit-transition: background-color 0.3s linear;
    -moz-transition: background-color 0.3s linear;
    -o-transition: background-color 0.3s linear;
    -ms-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
}
.nav-link {
	padding: 1rem;
}
.navbar-nav .nav-item {
	border-bottom: 1px solid rgba(0,0,0,0.5);
	position: relative;
}

.show .nav-link {
	color: var(--carrot-orange) !important;
}

.navbar-nav .nav-item > span {
	position: absolute;
	right: 0;
	color: var(--alice-blue);
	font-size: 1.3rem;
	top: 20px;
	cursor: pointer;
}
.navbar-nav .nav-item > span:before {
	display: block;
	font-family: 'fontawesome';
	content: '\f196';
}
.navbar-nav .nav-item.aktif > span:before {
	content: '\f147';
}
.navbar-light .navbar-nav .nav-link, 
.navbar-dark .navbar-nav .nav-link {
	color: #fff !important;
	font-weight: 100;
	font-size: 16px;
	position: relative;
	width: 100%;
}
.new-nav {
	background-color: #FFFFFF !important;
}
.new-nav.shadow {
	box-shadow: 0px 1px 10px 1px;
}
.new-nav .navbar-nav .nav-link {
	font-family: 'Poppins', sans-serif;
	color: #0B6BB6!important;
	font-weight: 400;
	font-size: 14px;
	position: relative;
	width: 100%;
}
.new-nav .navbar-nav li a button.btn {
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	position: relative;
	width: 100%;
}

.navbar-light .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .active > .nav-link {
	color: var(--dark-tangerine);
/*	position: relative; */
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
	color: var(--dark-tangerine)!important;
}
.navbar-light .navbar-nav .nav-link.btn-warning:hover, .navbar-light .navbar-nav .nav-link.btn-warning:focus, .navbar-dark .navbar-nav .nav-link.btn-warning:hover, .navbar-dark .navbar-nav .nav-link.btn-warning:focus {
/*	color: var(--alice-blue); */
	background-color: var(--alice-blue);
	color: var(--dark-tangerine) !important;
}
.navbar-nav .active > .nav-link::after{
	content: none;
}
.navbar-nav{
	height: calc(100vh - 82px); 
	overflow: auto;
	position: relative;
	padding: 1.5rem 3rem 3rem;
}
.navbar-collapse {
	background-color: var(--jaguar);
	margin-left: -3rem;
	margin-right: -3rem;
	padding-left: 3rem;
	padding-right: 3rem;
}
.dropdown-toggle::after{
	display: unset;
	margin-left: unset;
	vertical-align: unset;
	border: none;
}
.dropdown-menu {
	border-radius: 0;
	border: none;
	background-color: var(--jaguar);
}
.dropdown-menu .dropdown-item {
	color: var(--white);
	padding-left: 0.5rem;
}
.dropdown-menu .border-right {
	border-color: transparent !important;
}
.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:active {
	background-color: unset;
	color: var(--dark-tangerine);
	-webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
}
.dropdown-menu h5 span {
	font-size: 16px;
	color: var(--alice-blue);
	position: relative;
}
.dropdown-menu h5 span:after {
	display: block;
	content: '';
	width: 110%;
	position: absolute;
	left: -5%;
	border-bottom: 2px solid var(--carrot-orange);
	bottom: -5px;
}
.dropdown-menu ul {
	padding: 15px 0;
	list-style: none;
}
.dropdown-menu a {
	color: var(--alice-blue);
}
.dropdown-menu a:hover, .dropdown-menu a:focus {
	color: var(--dark-tangerine);
}
.menu-dropdown{
	width: 100%;
}

.content-slide{
	font-family: 'Roboto-Thin';
	font-size: 14px;
	color: var(--white);
	/*line-height: 34px;*/
}
.person{
	color: var(--white);
	font-size: 18px;
	position: relative;
	padding-bottom: 10px;
}
.person::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50px;
	border-bottom: 1px solid var(--grey);
}
.jabatan{
	color: var(--white);
	font-size: 16px;
	font-family: 'Roboto-RegularItalic'
}
.list-link{
	color: #B9B9B9;
	font-weight: 300;
	font-size: 14px;
	cursor: pointer;
}
.list-link:hover{
	color: var(--dark-tangerine);
}
.rounded-top{
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important
}
.icon-text{
	font-size: 18px;
	color: var(--dark-tangerine);
	font-family: 'Roboto-Bold';
}
.icon-content{
	font-size: 12px;
	color: var(--white);
	font-family: 'Roboto-Light';
}

.mask-hover{
	width: 100%; height: 50%;
  background-size: 100% 200%;
  background-image: linear-gradient(to top, var(--dark-tangerine) 50%, transparent 50%);
  -webkit-transition: background-position 0.5s;
  -moz-transition: background-position 0.5s;
  -o-transition: background-position 0.5s;
  -ms-transition: background-position 0.5s;
  transition: background-position 0.5s;
}
.mask-hover:hover{
	background-position: 0 100%;
}
.mask-gradient{
	height: 100%;
}
.mask-gradient::after{
	content: "";
	background-image: linear-gradient(transparent, #000);
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
}
.image-class{
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.icon-bottom, .icon-top {
	align-items: center;
	display: flex;
	color: var(--carrot-orange);
}
.icon-bottom-industry, .icon-top-industry {
	width: 100%;
	color: var(--white);
}
.icon-bottom-industry img, .icon-top-industry img{
	height: max-content;
	width: max-content;
	width:65px;
}
.icon-hover {
	position: relative;
	display: flex;
	align-items: center;
	height: 60px;
	width: 100%;
	cursor: pointer;
}
.icon-hover div.icon-bottom, .icon-hover div.icon-bottom-industry {
	
	opacity: 1;
}
/*
.icon-hover div.icon-bottom-industry {
    transform: scale(1);
}*/
.icon-hover div {
    position:absolute;
    left:0;
    opacity: 0;
    font-size: 16px;
}
main.wfh-content {
	background-image: url(images/wijikekar2.png);
	background-repeat: repeat-y;
	background-position: center;
    background-size: cover;
} 
.new-nav .wfh-navbar {
	background-color: #ffffff;
}
.accordion a.contenttab::after {
	content: "\f078";
    font-family: 'FontAwesome';
    position: absolute;
    right: 15px;
    color: var(--carrot-orange);
}
.accordion a.contenttab[aria-expanded="true"]:after {
    content: "\f077";
    color: var(--carrot-orange);
}
.accordion a.nocontenttab {
	background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 0px 30px 30px 0px;
    margin-bottom: 5px;
    padding: 10px 20px;
    color: #404040;
}
.accordion a.contenttab.collapsed {
	font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 14px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 0px 30px 30px 0px;
    margin-bottom: 5px;
    padding: 10px 20px;
    cursor: pointer;
    color: #404040;
    border-top: unset;
    width: 365px;
}
.accordion a.contenttab {
	font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 14px;
	background: #0C6CB6 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 0px 30px 30px 0px;
    margin-bottom: 5px;
    padding: 10px 20px;
    cursor: pointer;
    color: #FFFFFF;
    border-top: unset;
    width: 365px;
}
.accordion a.contenttab:hover {
	color: var(--carrot-orange);
}

.accordion a.nocontenttab::before,
.accordion a.contenttab::before {
	content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 8px;
    height: 41px;
    background: #FFB300 0% 0% no-repeat padding-box;
}
.accordion .thecontent .card-body {
	font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 14px;

    margin-bottom: 5px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 0px 0px 30px 0px;
	border-right: 1px solid #aaa;
    border-left: 1px solid #aaa;
}
.accordion a.btn-link:not(.collapsed){
  /*border-right: : 1px solid var(--carrot-orange);*/
  border-bottom: unset;
  border-top: unset;
  text-decoration: none;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 14px;
}
#featurebox .boxlayer{
	
}
.boxlayer h1.section-title {
	font-family: 'Poppins', sans-serif;
  	font-weight: 700;
  	font-size: 32px;
	color: #0B6BB6;
}
.boxlayer p.section-subtitle {
	font-family: 'Poppins', sans-serif;
  	font-weight: 400;
  	font-size: 14px;
	color: #404040;
	padding: 15px 0px;
}
.boxlayer p.section-content {
	font-family: 'Poppins', sans-serif;
  	font-weight: 400;
  	font-size: 14px;
	color: #404040;
	padding: 15px 0px;
}
.wfh-banner h1.section-title {
	font-family: 'Poppins', sans-serif;
  	font-weight: 700;
  	font-size: 36px;
	color: #0B6BB6;
}
.wfh-banner p.section-content {
	font-family: 'Poppins', sans-serif;
  	font-weight: 400;
  	font-size: 14px;
	color: #404040;
}
.wfh-banner a.skroll {
	font-family: 'Poppins', sans-serif;
  	font-weight: 400;
  	font-size: 14px;
	color: #FFFFFF;
}
.wfh-banner a.skroll:hover {
	font-family: 'Poppins', sans-serif;
  	font-weight: 400;
  	font-size: 14px;
	color: var(--carrot-orange);
}
.boxlayer .sectionbox {
	margin-bottom: 170px;
}
.boxlayer .sectionbox .imagebox {
	text-align: center;
	height: 100%
}
.boxlayer .sectionbox .imagebox img {
	width: 672px;
	/*position: relative;
	top: 10%;*/
}

#featurebox .boxlayer ul.nav {
	margin-top: 50px;
	margin-bottom: 50px;
}
#featurebox .boxlayer .nav-pills .nav-link.active, 
#featurebox .boxlayer .nav-pills .show>.nav-link {
	color: #ffffff;
	background: #0B6BB6 0% 0% no-repeat padding-box;
    border-radius: 27px;
}
#featurebox .boxlayer .nav-pills .nav-link {
	background: #EAEAEA 0% 0% no-repeat padding-box;
    border-radius: 27px;
    margin: 0px 10px;
    font-family: 'Poppins', sans-serif;
  	font-weight: 600;
  	font-size: 16px;
}

#pricelist .pricelistlayer {

}
.pricelistlayer {
	padding-bottom: 6rem;
	text-align: center;
}
.pricelistlayer h1.section-title {
	font-family: 'Poppins', sans-serif;
  	font-weight: 700;
  	font-size: 24px;
  	color: #0B6BB6;
	margin-bottom: 2rem;
}
.pricelistlayer p.section-subtitle {
	font-family: 'Poppins', sans-serif;
  	font-weight: 400;
  	font-size: 14px;
	color: #404040;
}

.pricelistlayer .package-content {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 12px 8px #00000029;
	border-radius: 5px;
	text-align: center;
	padding: 40px 20px;
    height: 350px;
}
.pricelistlayer .package-content .packagerange {
	padding: 20px 0px;
}
.pricelistlayer .package-content .packagerange input.range {
	width: 25px;
	position: relative;
    top: 5px;
}
.pricelistlayer .package-content .packagerange span.perbulan{
	font-family: 'Poppins', sans-serif;
  	font-weight: 400;
  	font-size: 12px;
  	color: #404040;
  	margin-right: 10px;
}
.pricelistlayer .package-content .packagerange span.pertahun{
	font-family: 'Poppins', sans-serif;
  	font-weight: 400;
  	font-size: 12px;
  	color: #404040;
  	margin-left: 10px;
}
.pricelistlayer .package-content p.package {
	font-family: 'Poppins', sans-serif;
  	font-weight: 400;
  	font-size: 16px;
  	color: #0B6BB6;
}
.pricelistlayer .package-content h1.package-price {
	font-family: 'Poppins', sans-serif;
  	font-weight: 700;
  	font-size: 36px;
	color: #404040;
}
.pricelistlayer .package-content p.timing {
	font-family: 'Poppins', sans-serif;
  	font-weight: 400;
  	font-size: 12px;
  	color: #B1B1B1;
}
.pricelistlayer .package-content a.btn {
	font-family: 'Poppins', sans-serif;
  	font-weight: 400;
  	font-size: 14px;
  	color: #FFFFFF;
}
.pricelistlayer .package-content a.btn:hover {
	color: var(--carrot-orange);
}
.pricelistlayer .package-content a.btngratis {
	margin-top: 70px;
}
.pricelistlayer .package-content a.btnpremium {
	margin-top: 10px;
}
.pricelistlayer .package-content ul.packagelist {
	font-family: 'Poppins', sans-serif;
  	font-weight: 400;
  	font-size: 14px;
  	letter-spacing: 0.34px;
	color: #404040;
	list-style: none;
	line-height: 2;
	margin-top: 10px;
	margin-left: -35px;
}

.carakerjalayer {
	padding-bottom: 6rem;
	margin-top: 100px;
}
.carakerjalayer::after {
	content: "";
    height: 360px;
    width: 100%;
    background: #0B6BB6 0% 0% no-repeat padding-box;
    position: absolute;
    margin-top: -264px;
    z-index: -1;
}
.carakerjalayer h1.section-title {
	font-family: 'Poppins', sans-serif;
  	font-weight: 700;
  	font-size: 24px;
  	color: #0B6BB6;
	margin-bottom: 2rem;
}
.carakerjalayer .carousel .carousel-indicators {
	bottom: -60px;
}
.carakerjalayer .carousel .carousel-indicators li {
	margin-right: 10px;
    margin-left: 10px;
}
.carakerjalayer .carousel .carousel-control-next {
	right: -35px;
	top: 199px;
    width: 50px;
    height: 50px;
    background: var(--carrot-orange);
    border-radius: 50%;
    opacity: 1;
}

.carakerjalayer .carousel .carousel-control-prev {
	left: -35px;
	top: 199px;
    width: 50px;
    height: 50px;
    background: var(--carrot-orange);
    border-radius: 50%;
    opacity: 1;
}


.benefitslayer {
	padding-bottom: 6rem;
	padding-top: 6rem;
	text-align: center;
}
.benefitslayer h1.section-title {
	font-family: 'Poppins', sans-serif;
  	font-weight: 700;
  	font-size: 24px;
  	color: #0B6BB6;
	margin-bottom: 2rem;
}
.benefitslayer p.section-subtitle {
	font-family: 'Poppins', sans-serif;
  	font-weight: 400;
  	font-size: 14px;
	color: #404040;
}
.benefitslayer .package-benefits {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	margin-top: 150px;
}
.benefitslayer .package-benefits img.img-fluid {
	width: 200px;
	height: 200px;
	margin-top: -100px;
}
.benefitslayer .package-benefits h3.benefits-title {
	font-family: 'Poppins', sans-serif;
  	font-weight: 700;
  	font-size: 14px;
	color: #404040;
	padding-top: 25px;
    padding-bottom: 10px;
}
.benefitslayer .package-benefits p.benefits-desc {
	font-family: 'Poppins', sans-serif;
  	font-weight: 400;
  	font-size: 14px;
	color: #404040;
	padding: 0 20px;
}

.clientslayer {
	padding-bottom: 3rem;
	padding-top: 1rem;
	text-align: center;
}
.clientslayer h1.section-title {
	font-family: 'Poppins', sans-serif;
  	font-weight: 700;
  	font-size: 24px;
  	color: #0B6BB6;
	margin-bottom: 3rem;
}
.clientslayer .imagebox img {
	width: 132px;
}


#subscribes {
	background: #0B6BB6 0% 0% no-repeat padding-box;
	border: 1px solid #707070;
}
.subscribeslayer {
	padding-bottom: 6rem;
	padding-top: 6rem;
	text-align: center;
}
.subscribeslayer h1.section-title {
	font-family: 'Poppins', sans-serif;
  	font-weight: 700;
  	font-size: 24px;
  	color: #FFFFFF;
	margin-bottom: 3rem;
}
.subscribeslayer p.section-subtitle {
	font-family: 'Poppins', sans-serif;
  	font-weight: 400;
  	font-size: 14px;
	color: #FFFFFF;
	margin-bottom: 3rem;
}
.subscribeslayer a.btn {
	font-family: 'Poppins', sans-serif;
  	font-weight: 400;
  	font-size: 14px;
	color: #FFFFFF;
}
.subscribeslayer a.btn:hover {
	color: var(--carrot-orange);
}

.footerlayer {
	padding-bottom: 6rem;
	padding-top: 4rem;
}
.footerlayer .sectionone img {
	width: 190px;
	margin-bottom: 20px;
}
.footerlayer .sectionone p.section-content {
	font-family: 'Poppins', sans-serif;
  	font-weight: 400;
  	font-size: 12px;
	color: #424242;
}
.footerlayer .sectionfour p {
	font-family: 'Poppins', sans-serif;
  	font-weight: 400;
  	font-size: 12px;
	color: #424242;
}
.footerlayer .sectionfour p a.sosmed {
  	font-size: 36px;
}
.footerlayer .sectiontwo ul {
	list-style: none;
}
.footerlayer .sectiontwo ul li {
	font-family: 'Poppins', sans-serif;
  	font-weight: 400;
  	font-size: 12px;
	color: #0B6BB6;
}
.footerlayer .sectionthree ul {
	list-style: none;
}
.footerlayer .sectionthree ul li {
	font-family: 'Poppins', sans-serif;
  	font-weight: 400;
  	font-size: 12px;
	color: #0B6BB6;
}

.footerlayer .copyright {
	text-align: center;
    position: relative;
    top: 40px;
}
.footerlayer .copyright p {
	font-family: 'Poppins', sans-serif;
  	font-weight: 400;
  	font-size: 12px;
	color: #0B6BB6;
}
.footerlayer p.socials i.fa-instagram {
	margin: 0px 15px;
}

.wfh-banner .showmobile {
	display: none;
}
.wfh-banner .hidemobile {
	display: block;
}

.boxlayer .sectionbox .showmobile {
	display: none;
}
.boxlayer .sectionbox .hidemobile {
	display: block;
}

section#featured-client .bg-banner {
	height: 1250px; 
	object-position: bottom;
}
section#featured-client .position-absolute {
	top: 0; 
	bottom: 0;
}
section#featured-client .bg-banner:before {
	display: none;
}

section#industry-served .bg-banner {
	height: 900px; 
	object-position: bottom
}
section#industry-served .position-absolute {
	top: 0; 
	bottom: 0;
}

section#industry-served .margin-top{
    margin-top: 55px !important;
}
section#why-choose-us .margin-top{
    margin-top: 80px !important;
	margin-bottom: 40px !important;
	padding: 0 65px;
}
section#testimonial-section .bg-banner {
	height: 720px; 
	background-position: top;
}
section#testimonial-section .position-absolute {
	top: 0; 
	bottom: 0;
}

section#testimonial-section .margin-top{
    margin-top: 30px !important;
}
section#blog-section .margin-top {
    margin-top: 10px !important;
}
section#industry-header p.section-content{
	font-size:20px;
}

section#industry-header p.content-reverse {
	color: #fff;
}

section#industry-header h1.section-title{
	font-size:40px;
	color: var(--carrot-orange) !important;
}
section#industry-header h2.section-content{
	color: var(--white) !important;
	font-size: 24px;
}
section#construction-erp {
    background: #f1f1f1;
    padding: 50px 0;
}
section#product-benefits .product-benefits, section#product-benefits .product-benefits-thumbnail {
    margin: 0 !important;
    padding-top: 50px;
}
section#nineteen .contents {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 50px;
}
section#nineteen .contents h1.section-title {
    color: #fff !important;
}
section#nineteen .contents p.section-content {
    color: #fff !important;
    margin-top: 50px;
}
section#nineteen .ninetin {
    margin: 0 !important;
    padding-top: 50px;
}
.accordion-faq{
	border-bottom: 1px solid;
}
section#contact-form h1.section-title, section#main-product .col-md-12.margin-bottom{
	margin-bottom: 25px;
}
section#contact-form h1.section-title {
	margin-top: 1rem; 
}

section#contact-form .contact-ki-maa-ki h1.section-title {
	margin-top: 13rem !important;
}
section#contact-form .grants-bg h1.section-title {
	margin-top: 15rem !important;
}
section#contact-form button#sendMessageBtn {
    margin-right: 0 !important;
}
section#main-product .main-product-detail{
	padding: 40px;
}
section#main-product .col-lg-4.col-md-6.mb-5.margin-bottom {
    margin-bottom: 55px !important;
}
section#testimonial-section .underline{
	margin-top: -20px;
}
section#wfh-erp {
	background: #f1f1f1;
    padding: 50px 0;
}
section#crm-solution .crm-solution h1.section-title {
	color: #fff;
}
section#crm-solution .crm-solution .crm-solution-content h4 {
	color: #fff;
}
section#crm-solution .crm-solution p.section-content {
	color: #fff;
}
/*section#product-benefits .product-benefits h1.section-title {
	color: #fff;
}
section#product-benefits .product-benefits p.section-content {
	color: #fff;
}
section#product-benefits .product-benefits .product-benefits-detail-title h4 {
	color: #fff;
}
section#product-benefits .product-benefits .product-benefits-detail ul li {
	color: #fff;
}*/

.wfh-erp p.section-content {
    font-family: 'Roboto-Light';
    color: var(--black);
}

.clients {
	background: #f1f1f1;
	padding: 50px 50px;
}
.clients h1.section-title {
	color: #707070;
	text-align: right;
	font-size: 36px;
	font-family: 'Roboto-Bold', sans-serif;
	letter-spacing: 2.16px;
	position: absolute;
    right: 110px;
    top: 20px;
}
.clients .margin-title {
	margin-bottom: 120px;
}
.clients img.img-first {
	width: 160px;
}
.clients img.img-first:hover {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}

.office-indonesian-desktop, 
.office-singapore-desktop, 
.office-surabaya-desktop {
	display: block;
}

.office-indonesian-mobile, 
.office-singapore-mobile, 
.office-surabaya-mobile {
	display: none;
}
.product-integration .integration-desktop {
	display: block;
}
section#wfh-feature {
	background: #fff;
}
section#wfh-feature h1.section-title {
	padding-top: 100px;
	color: var(--black-rusian);
}
section#wfh-feature p.section-content {
    font-family: 'Roboto-Light';
    color: var(--black);
}
section#wfh-feature .wfh-feature-content h3 {
	width: 215px;
	font-family: 'Roboto-Medium';
	font-size: 20px;
}
section#wfh-feature .featurebox {
	background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 10px;
    padding: 20px 0px;
    margin: 30px 0px;
}
section#wfh-feature .featurebox h2.section-title {
	text-align: center;
	font-size: 28px;
	letter-spacing: 1.44px;
	color: #FEA110;
	margin-bottom: 60px;
	margin-top: 30px;
}


section#edg-overview {
	background: #f1f1f1;
}
section#edg-overview h1.section-title {
	padding-top: 100px;
	color: var(--black-rusian);
}
section#edg-overview p.section-content {
    font-family: 'Roboto-Light';
    color: var(--black);
}
section#edg-overview .edg-feature-content h3 {
	width: 215px;
	font-family: 'Roboto-Medium';
	font-size: 20px;
}
section#edg-overview .edg-feature-content ul {
	list-style: none;
	margin-left: -3rem;
}
section#edg-overview .edg-feature-content ul li {
	color: #212123;
	font-family: 'Roboto-Light';
	font-size: 16px;
}
section#edg-overview .edg-feature-content {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 10px;
    padding: 50px 0px;
    margin: 30px 0px;
    height: 390px;
}
section#edg-overview .edg-feature-content h2.section-title {
	text-align: center;
	font-size: 28px;
	letter-spacing: 1.44px;
	color: #FEA110;
	margin-bottom: 60px;
	margin-top: 30px;
}

section#edg-erp {
	background: #212123;
}
section#edg-erp h1.section-title {
	padding-top: 100px;
	color: var(--white);
}
section#edg-erp p.section-content {
    font-family: 'Roboto-Light';
    color: var(--white);
}
section#edg-erp .mainicons {
    height: 60px;
    width: 100%;
    margin-bottom: 50px;
}


section#edg-erp .mainicons div.icon-bottom, 
section#edg-erp .mainicons div.icon-bottom-industry {
    opacity: 1;
}

section#edg-erp .mainicons div {
    opacity: 0;
    font-size: 16px;
}

section#edg-erp .icon-bottom, 
section#edg-erp .icon-top {
    align-items: center;
    display: block;
    text-align: center;
    color: var(--white);
}

section#edg-erp .mainicons:hover .icon-bottom, 
section#edg-erp .mainicons:hover .icon-bottom-industry {
	opacity: 0;
	transition: all 0.9s;
}

section#edg-erp .mainicons:hover .icon-top, 
section#edg-erp .mainicons:hover .icon-top-industry {
	opacity:1;
  	font-family: 'Roboto-Bold';
  	color: var(--white);
    transition: all 0.2s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

section#edg-erp .mainicons:hover .icon-top-industry {
	transition: rippleDrop 2s linear;
	color: var(--carrot-orange)
}

section#edg-erp .marginzeromobile {
	margin-top: 50px;
}
section#edg-erp a {
	pointer-events: none;
}
section.faq {
	background: #fff;
}
section#about {
	background: #fff!important;
}

section#building-future {
	background: #fff!important;
}
section#partners-benefit {
	background: #fff!important;
}


section#crm-feature {
	background: #f1f1f1;
}
section#crm-feature h1.section-title {
	padding-top: 100px;
}
section#crm-feature .margintitle {
	margin-top: 90px!important;
}
/*section#crm-feature .grants {
	margin-top: 40px;
}*/
section#crm-feature .crm-feature-content-grants h3 {
	width: 215px;
	font-family: 'Roboto-Medium';
	font-size: 20px;
}
section#crm-feature .featurebox {
	background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 10px;
    padding: 20px 0px;
    margin: 30px 0px;
}
section#crm-feature .featurebox h2.section-title {
	text-align: center;
	font-size: 28px;
	letter-spacing: 1.44px;
	color: #FEA110;
	margin-bottom: 60px;
	margin-top: 30px;
}
section#crm-feature .crm-feature-content-grants {
	background: #FFFFFF 0% 0% no-repeat padding-box;
    padding: 50px 0px;
    margin: 30px 0px;
    height: 300px;
}
section#crm-feature .shadowfirst .crm-feature-content-grants {
	    box-shadow: 0px 3px 6px #00000029;
	    border-top-left-radius: 5px;
	    border-bottom-left-radius: 5px;
}

section#crm-feature .shadowend .crm-feature-content-grants {
	  box-shadow: 2px 2px 0px 0px #00000029;
	  border-top-right-radius: 5px;
	  border-bottom-right-radius: 5px;
}

section#crm-feature .shadowcenter .crm-feature-content-grants {
	    box-shadow: 0px 2px 0px #00000029;
}
section#crm-feature .labeltext {
	background: #FEA110 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 0px 0px 10px 10px;
	margin-top: -50px;
	padding-top: 15px;
	text-align: center;
	align-items: center;
}
section#crm-feature .labeltext p {
	font-family: 'Roboto-Regular';
	font-size: 16px;
	color: #fff;
}

section#crm-feature .removepadding {
    padding-right: 0;
    padding-left: 0;
}

#discover-career .career-form input#searchtext
#discover-career .career-form select#searchDepartment, 
#discover-career .career-form select#searchLocation {
	width: 100%;
    /*content: '';
    background: url(../images/modal-popup/Dropdown_Icon.svg) no-repeat;*/
}
#discover-career .career-form button {
	width: 145px;
}
#discover-career .career-form button img.firstshow {
	width: 24px;
	display: block;
	position: absolute;
}
#discover-career .career-form button img.secondshow {
	display: none;
}
#discover-career .career-form button:hover img.firstshow {
	display: none;
}
#discover-career .career-form button:hover img.secondshow {
	position: absolute;
	width: 24px;
	display: block;
}
#discover-career .career-form input#searchtext::placeholder {
	color: #aaa !important;
}
section#discover-career {
	background: #f1f1f1;
}
.discover-career h1.section-title {
	color: var(--black-rusian);
	padding-top: 50px;
}
.discover-career h2.section-title {
	color: var(--black-rusian);
	margin-bottom: 15px;
}
/*section#discover-career h1.section-title {
	padding-top: 100px;
}*/
.discover-career .career-form {
	padding: 20px;
	background: #2A2A30 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
}

.discover-career .career-item {
	display: flex;
	color: var(--jaguar);
	border: 1px solid #ddd;
	padding: 1.5rem;
	background: #FFFFFF 0% 0% no-repeat padding-box;;
	transition: all .25s ease;
}
.discover-career .career-item:hover{
	background-color: var(--dark-tangerine);
  	box-shadow: 0 14px 28px rgba(255,255,255,0.075), 0 10px 10px rgba(255,255,255,0.075);
  	transform: scale3d(1.025, 1.025, 1);
}
.discover-career .career-item:hover .career-module-detail-description p{
	color: var(--white);
}
.discover-career .career-item:hover .career-module-detail-description h5{
	color: var(--white);
}
.discover-career .career-item:hover .career-module-detail-description p.icons i{
	color: var(--white);
}
.discover-career .career-item .career-module-detail-description p{
	color: var(--jaguar);
	font-family: 'Roboto-Regular';
	font-size: 1rem;
}
.discover-career .career-item .career-module-detail-description p.icons i{
	color: var(--dark-tangerine);
}
.discover-career .career-item .career-module-detail-description h5{
	color: var(--jaguar);
	font-family: 'Roboto-Bold';
}


.discover-career .career-item-black {
	display: flex;
	color: var(--white);
	border: 1px solid #ddd;
	padding: 1.5rem;
	background: #2A2A30 0% 0% no-repeat padding-box;;
	transition: all .25s ease;
	height: 250px;
}
.discover-career .career-item-black:hover{
	background-color: var(--dark-tangerine);
  	box-shadow: 0 14px 28px rgba(255,255,255,0.075), 0 10px 10px rgba(255,255,255,0.075);
  	transform: scale3d(1.025, 1.025, 1);
}
.discover-career .career-item-black:hover .career-module-detail-description p{
	color: var(--white);
	display: block;
}
.discover-career .career-item-black:hover .career-module-detail-description h5{
	color: var(--white);
}
.discover-career .career-item-black .career-module-detail-description p{
	color: var(--white);
	font-family: 'Roboto-Regular';
	font-size: 1rem;
	display: none;
}
.discover-career .career-item-black .career-module-detail-description h5{
	color: var(--white);
	font-family: 'Roboto-Bold';
}
.discover-career .noresults {
	text-align: center;
}
.discover-career .noresults img {
	margin-bottom: 20px;
}
.discover-career .noresults p {
	color: #858585;
	font-family: 'Roboto-Regular';
	font-size: 20px;
}
.discover-career .removepadding {
	padding-right: 0;
    padding-left: 0;
}

#invoice-solution {
	background: #f1f1f1;
}
.invoice-solution {
	color: var(--black-rusian);
}
.invoice-solution .underline {
	margin-bottom: unset;
}
.invoice-solution .borderbox {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.invoice-solution h1.section-title {
	padding-top: 50px;
	color: var(--black-rusian);
}
.invoice-solution .sub-title {
	margin-top: 10px;
	margin-bottom: 20px;
}
.invoice-solution .crm-solution-content h4 {
	font-size: 1.2rem;
    font-weight: 600;
    color: var(--black-rusian);
}
.invoice-solution [class*='-content'] {
    font-family: 'Roboto-Light';
    font-size: 16px;
    color: var(--black-rusian);
    text-align: center;
    margin-top: 30px;
}
#hrm-basic, #hrm-advanced {
    background: #fff;
}
#hrm-basic h1.section-title, #hrm-advanced h1.section-title {
	padding-top: 60px;
}
#product-header-description {
	margin-top: -140px;
	display: block;
}

.grants-bg {
    background-image: url(../images/govermentgrants-banner-new.jpg) !important; 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.cf-contact-form .hbspt-form {
    max-width: 100%;
    background-color: #fff!important;
    padding: 20px!important;
    border-radius: 5px;
}

section#careershead {
	height: 200px;
	background: #2A2A30 0% 0% no-repeat padding-box;
}
section#careershead a.navback {
	font-family: 'Roboto-Light';
    font-size: 18px;
    color: #F9FBFB;
}
section#careershead h1.section-title {
	font-family: 'Roboto-Bold';
    font-size: 40px;
    color: #FEA110;
}

section#jobsdetail {
	background: #F9FBFB 0% 0% no-repeat padding-box;

}
section#jobsdetail .jobsdetail {
	padding: 50px 0;
}
section#jobsdetail .contentdetail p.maindesc {
	font-family: 'Roboto-Light';
    font-size: 18px;
    color: #2A2A30;
    margin-bottom: 50px;
}

section#jobsdetail .contentdetail h3.responsibilities, 
section#jobsdetail .contentdetail h3.requirements
section#jobsdetail .contentdetail h3.jobdesctitle {
	font-family: 'Roboto-Bold';
    font-size: 24px;
    color: #2A2A30;
    text-align: left;
    margin-top: 20px;
}

section#jobsdetail .contentdetail ul {
	list-style: square;
	margin-bottom: 50px;
	padding-left: 20px;
}

section#jobsdetail .contentdetail ul li,
section#jobsdetail .formapply label.form-check-label {
	font-family: 'Roboto-Light';
    font-size: 18px;
    color: #2A2A30;
}
section#jobsdetail .formapply {
	background: #F9FBFB 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	padding: 50px 50px;
	margin-top: -160px;
}
section#jobsdetail .formapply input.custominput {
	background: #EBEBEB 0% 0% no-repeat padding-box;
}
section#jobsdetail .formapply input::placeholder {
	color: #aaa !important;
}
section#jobsdetail .formapply button {
	background: #FEA110 0% 0% no-repeat padding-box;
	width: 100%;
}

section#jobsdetail .formapply input:focus {
  border: 1px solid #FEA110;
  /*filter: blur(1px);*/
}

@media screen and (min-width: 992px) {
	.new-nav .navbar-nav {
		margin-right: 60px!important;
	}
	section#wfh-banner .wfh-content a.wfhbutton {
		margin-top: 50px;	
	}
	section#wfh-banner .wfh-content {
		padding-left: 6rem!important;
	}

}
@media screen and (max-width: 992px) {
	.product-integration .integration-desktop {
		display: none;
	}
	section#product-section .marginzeromobile {
		margin: 0!important;
	}
	section#wfh-banner .wfh-content {
		text-align: center;
    	margin-top: 50px;
    	padding: 0 25px;
	}
	section#wfh-banner .wfh-content a.wfhbutton {
		margin-top: 40px;	
	}

	section#building-future h3.section-title {
		margin-top: 50px;
	}
	section#building-future .col-12.text-center.text-lg-left.px-lg-5 {
	    margin-bottom: 50px;
	}
	section#edg-overview .edg-feature-content {
	    height: 450px;
	    padding: 50px 20px;
	}
}

@media screen and (min-width: 768px){
	.width588 {
		width: 588px;
	}
	.width814 {
		width: 814px;
	}
	.new-nav .navbar-toggler {
	    padding: .25rem .75rem;
	    font-size: 1.25rem;
	    line-height: 1;
	    border-radius: .25rem;
	}
}
@media screen and (max-width: 768px){
	section#featured-client .bg-banner {
		height: 350vh; 
		object-position: bottom;
	}
	section#featured-client .position-absolute {
		top: 0; 
		bottom: 0;
	}

	section#industry-served .bg-banner {
		height: 2250px; 
		object-position: bottom
	}
	section#industry-served .position-absolute {
		top: -50px; 
		bottom: 0;
	}

	section#testimonial-section .bg-banner {
		height: 400px; 
		background-position: top;
	}
	section#testimonial-section .position-absolute {
		top: 0; 
		bottom: 0;
	}
	section#testimonial-section .carousel .carousel-item .content-slide {
		text-align: center;
	}
	section#testimonial-section .carousel .carousel-item .person {
		text-align: center;
	}
	section#testimonial-section .carousel .carousel-item .person::after{
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		width: 50px;
		border-bottom: 1px solid var(--grey);
		text-align: center;
		margin: 0 auto;
	}

	section#contact-form .contact-ki-maa-ki h1.section-title {
		margin-top: 0px !important;
	}

	section#contact-form .grants-bg h1.section-title {
		margin-top: 0px !important;
	}

	.office-indonesian-mobile, 
	.office-singapore-mobile, 
	.office-surabaya-mobile {
		display: block;
		background-repeat: no-repeat;
		background-size: cover;
		padding: 20px 0;
		margin: 0 -15px;
	}

	.contact-detail h5 {
		text-align: center !important;
	}

	.office-indonesian-desktop, 
	.office-singapore-desktop, 
	.office-surabaya-desktop {
		display: none;
	}

	#tour a.btn {
		font-size: 14px;
	}

	section#contact-form .cf-contact-form.contact---page-bc button#sendMessageBtn {
	    font-size: 14px;
	}

	 .product-integration-container .integration-detil, 
	 .product-integration-container .integration-detil h4,
	 .product-integration-container .integration-detil p,
	 .product-integration-container .integration-detil a {
		text-align: center !important;
	}

	/*.other-product-content {
		margin: -50% 0% 0% 0% !important;
	}*/
	#choice-erp .other-product-content {
		text-align: center !important;
	}

	.accordion .btn-link{
		text-align: center;
	}
	.accordion-faq {
		text-align: center;
	}

	.center--- p {
		font-family: 'Roboto-Light';
		font-size: 14px;
	}

	#choice-erp .mobile-image {
		display: none !important;
	}

	section#crm-feature .grants {
		text-align: center;
	}

	section#crm-feature .grants ul {
		text-align: left;
		font-family: 'Roboto-Light';
    	font-size: 16px;
	}

	.grans-banner .bg-banner-erp {
		background-position: left;
	}

	.logointable {
		height: 20px;
	}
	#invoice-solution {
		margin-top: -15px !important;
	}
	.invoice-solution .borderbox {
		border: unset;
	}
	.invoice-solution .shadowbox {
		box-shadow: unset !important;
		border-radius: unset !important;
	}
	#hrm-basic-tab p, #hrm-advanced-tab p {
		display: none;
	}
	#hrm-basic-tab br {
		display: none;
	}
	#product-header-description {
		display: none;
	}
	.section-grid img {
	    width: 60px !important;
	    height: 60px !important;
	}

	.bg-banner-erp {
		opacity: .4;
	}
	.section-title {
	    font-size: 24px;
	    font-family: 'Roboto-Bold';
	    color: var(--white);
	    letter-spacing: 2.16px;
	    position: relative;
	}

	.title {
	    font-size: 39.5px;
	    letter-spacing: 0;
	    color: var(--white) !important;
	}
	#main-banner p {
	    color: var(--white) !important;
	}
	#main-banner p.perbandingancolor {
		/*color: var(--black-rusian) !important;*/
	}

	section#crm-feature .crm-feature-content h3 {
		width: unset;
	}

	.wfh-banner .showmobile {
		display: block!important;
	}
	.wfh-banner .hidemobile {
		display: none!important;
	}
	.wfh-banner .content-desc {
		text-align: center;
	}
	.wfh-banner .content-desc h1.section-title {
		font-size: 28px;
		padding: 10px 0;
	}
	.wfh-banner .content-desc p.section-content {
		padding-bottom: 10px;
	}

	.boxlayer .sectionbox .imagebox img {
		width: 100%;
	}
	.boxlayer .sectionbox {
		margin-bottom: 50px;
	}
	.boxlayer .sectionbox .showmobile {
		display: block!important;
	}
	.boxlayer .sectionbox .hidemobile {
		display: none!important;
	}
	.boxlayer p.section-content, .boxlayer h1.section-title {
		text-align: center;
	}

	/*.boxlayer .sectionbox .imagebox {
		margin-bottom: 50px;
	}
	*/
	.boxlayer h1.section-title {
		padding-top: 15px;
	}
	.carakerjalayer .carousel .carousel-control-next {
		top: 135px;
	}

	.carakerjalayer .carousel .carousel-control-prev {
		top: 135px
	}
	.carakerjalayer h1.section-title {
	    margin-bottom: 5rem;
	}
	.pricelistlayer .package-content {
	    height: auto;
	    margin-bottom: 25px;
	}

	.new-nav .navbar-toggler {
	    color: rgba(11, 107, 182 0.9)!important;
	    border-color: rgba(11, 107, 182, 0.9)!important;
	}

	.navbar-toggler-icon-wfh {
	    display: inline-block;
	    width: 1.5em;
	    height: 1.5em;
	    vertical-align: middle;
	    content: "";
	    background: no-repeat center center;
	    background-size: 100% 100%;
	}
	.new-nav .navbar-toggler-icon-wfh {
		background-image: url(../../assets/images/mobile-sidemenu.svg) !important;
	}
	/*.header.header-fluid {
		 min-height: 125vh !important;
	}*/


	section#edg-overview .edg-feature-content {
	    height: unset;
	    padding: 50px 20px;
	}

	section#careershead h1.section-title {
	    font-size: 28px;
	}

	section#jobsdetail .formapply {
		margin-top: unset;
	}

	#featurebox .boxlayer .nav-pills .nav-link {
	    margin: 10px 10px;
	}

	.thankyou h1.title {
		padding-bottom: unset;
	}
	.thankyou p.subtitle {
		padding-bottom: 5px;
	}

	section#nineteen .ninetin .contents {
		padding-top: 20px;
		padding-bottom: 20px;
		padding-right: 10px;
		padding-left: 10px;
		text-align: center;
	}
	section#nineteen .ninetin .contents .underline-left {
		float: unset;
	}
	section#main-banner .normalizetext {
		margin-left: 60px;
	}
	#discover-career .career-form select#searchDepartment{
		width: 100px;
	} 
	#discover-career .career-form select#searchLocation {
		width: unset;
	}
	#discover-career .career-form button {
	    width: 100%;
	    margin-top: 20px;
	}
	section#industry-served .icon-hover {
        padding: 85px 0px;
    }
}

@media screen and (max-width: 767px){
	.industry-image-section {
		display: none;
	}
	section#main-banner .normalizetext {
		margin-left: unset;
	}
	#discover-career .career-form select#searchDepartment{
		width: 100%;
	} 
	#discover-career .career-form select#searchLocation {
		width: 100%;
	}
}
@media screen and (max-width: 576px){
	section#industry-served .bg-banner {
		height: 1250px; 
		object-position: bottom
	}
}
@media screen and (max-width: 480px){
	/*.header.header-fluid {
		 min-height: 145vh !important;
	}*/
	.tab-content-description {
		text-align: center;
	}
	.tab-content-description h4.section-title {
		text-align: left;
	}
	.tab-content-description .styled-list {
		text-align: center;
	}
	.tab-content-description .styled-list li {
		text-align: left;
	}
	.carakerjalayer .carousel .carousel-control-next {
		top: 50px;
	}

	.carakerjalayer .carousel .carousel-control-prev {
		top: 50px
	}
	.carakerjalayer h1.section-title {
	    margin-bottom: 8rem;
	}
	section#careershead {
    	height: 215px;
	}
}

@media screen and (max-width: 420px){
	section#featured-client .bg-banner {
		height: 360vh;
		object-position: bottom;
	}

	section#testimonial-section .bg-banner {
	    height: 300px;
	    background-position: top;
	}
	
}

@media screen and (max-width: 380px) {
	.section-grid img {
	    width: 50px !important;
	    height: 50px !important;
	}

	.accordion a.contenttab.collapsed {
	    width: 315px;
	}
	.accordion a.contenttab {
	    width: 315px;
	}
	.accordion .thecontent .card-body {
		width: 315px;
	}
}

@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

.benefits {
	background: #3f3f3f;
	padding: 50px 50px;
}
.benefits h1.section-title {
	color: #fff;
	font-size: 36px;
	font-family: 'Roboto-Bold', sans-serif;
	letter-spacing: 2.16px;
	margin-top: 60px;
}
.benefits h2.section-title {
	color: #fff;
	font-size: 30px;
	font-family: 'Roboto-Regular', sans-serif;
	letter-spacing: 1.8px;
}
.benefits p.section-content {
	color: #fff;
	font-size: 16px;
	font-family: 'Roboto-Light', sans-serif;
	letter-spacing: 0.96px;
	margin-top: 35px;
}
.benefits img.img-first {
	width: 150px;
}
.benefits .margin-benefits {
	margin: 40px 0px;
}
.benefits .ornamentschool {
	/*background-image: url(../../assets/images/ornamentschool.png) no-repeat center center fixed;*/
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	    position: absolute;
    overflow: hidden;
    left: 0px;
    right: 0px;
    width: 100%;
    /*top: 708px;*/
    margin-top: -50px;
}
.benefits img.moduleducation {
	float: right;
	margin-top: 120px;
}


.differents {
	background: #3f3f3f;
	padding: 50px 50px;
}
.differents .box-title {
	background: #fc9f10;
}

.differents-title {
	background: #fc9f10;
	padding: 50px 50px;
}

.differents h2.section-title {
	color: #fff;
	font-size: 30px;
	font-family: 'Roboto-Regular', sans-serif;
	letter-spacing: 1.8px;
}
.differents p.section-content {
	color: #fff;
	font-size: 16px;
	font-family: 'Roboto-Light', sans-serif;
	letter-spacing: 0.96px;
}
.differents-title .box-title h2 {
	color: #fff;
	font-size: 36px;
	font-family: 'Roboto-Bold', sans-serif;
	letter-spacing: 2.16px;
	text-align: right;
}

.differents .margin-differents {
	margin: 40px 0px;
}
	.section-title{
		width: 100% !important;
}

.includes-title {
	background: #fc9f10;
	padding: 50px 50px;
}

.includes-title .box-title h2 {
	color: #fff;
	font-size: 36px;
	font-family: 'Roboto-Bold', sans-serif;
	letter-spacing: 2.16px;
	text-align: right;
}

.includes-content {
	background: #3F3F3F;
	padding-top: 50px;
	padding-bottom: 150px;
	/*padding-left: 50px;
	padding-right: 50px;*/
}

.includes-content .image-box {
	width: 100%;
	text-align: right;
	padding-right: 50px;
}

.includes-content .image-box img.img-first {
	max-width: 530px;
}

.showdesktopicon {
	display: none;
}

.showdesktoptext {
	display: none !important;
}

.solution-mobile {
	display: none !important;
}
.solution-desktop {
	display: block;
}

@media screen and (max-width: 768px){
	.clients h1.section-title {
	    text-align: center !important;
	    position: unset;
	    font-size: 30px;
	    /*right: 0px;*/
	    /*left: 0px;*/
	}

	.clients img.img-first {
		width: unset;
	}

	section#industry-header {
		margin-top: unset !important;
	}

	.benefits img.moduleducation {
		float: unset;
		margin-top: unset;
	}

	.benefits h1.section-title {
	    color: #fff;
	    font-size: 26px;
	    font-family: 'Roboto-Bold', sans-serif;
	    letter-spacing: 2.16px;
	    margin-top: 60px;
	    text-align: center !important;
	}

	.benefits h2.section-title {
	    color: #fff;
	    font-size: 30px;
	    font-family: 'Roboto-Regular', sans-serif;
	    letter-spacing: 1.8px;
	    text-align: center;
	}

	.benefits .margin-benefits {
	    margin: 40px 0px;
	    text-align: center !important;
	}

	.underline-right {
	    content: "";
	    width: 100px;
	    /*border-bottom: 2px solid var(--dark-tangerine);*/
	    float: unset; 
	    margin: 10px auto;
	    text-align: center;
	}

	.benefits p.section-content {
	    color: #fff;
	    font-size: 16px;
	    font-family: 'Roboto-Light', sans-serif;
	    letter-spacing: 0.96px;
	    margin-top: 35px;
	    text-align: center;
	}

	.differents h2.section-title {
	    color: #fff;
	    font-size: 30px;
	    font-family: 'Roboto-Regular', sans-serif;
	    letter-spacing: 1.8px;
	    text-align: center;
	}

	.differents p.section-content {
	    color: #fff;
	    font-size: 16px;
	    font-family: 'Roboto-Light', sans-serif;
	    letter-spacing: 0.96px;
	    text-align: center;
	}

	.differents .center-icon {
		text-align: center;
	}

	.differents-title .box-title h2 {
		text-align: center;
	}

	.includes-content {
		padding-bottom: 50px;
	}

	section#contact-form h1.section-title {
	    margin-top: 1rem;
	    text-align: center !important;
	    margin-left: unset;
	}
	section#contact-form p.section-content {
	    text-align: center !important;
	}

	.includes-title .box-title h2 {
		text-align: center !important;
	}

	.includes-content .image-box {
		text-align: center;
		padding-right: unset;
	}

	.includes-content .image-box img.img-first {
		max-width: 100%;
	}

	.showdesktoptext {
		display: block !important;
	}

	.showmobiletext {
		display: none !important;
	}

	.contact-detail-description p {
		font-size: 14px !important;
	}

	
}

@media screen and (max-width: 767px){
	.solution-mobile {
		display: block !important;
	}
	.solution-desktop {
		display: none !important;
	}
}

@media screen and (max-width: 575px){
	.showmobileicon {
		display: none;
	}
	.showdesktopicon {
		display: block;
	}
}

@media screen and (max-width: 480px){
	.benefits .ornamentschool {
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	    position: absolute;
	    overflow: hidden;
	    left: 0px;
	    right: 0px;
	    width: 100%;
	    /*top: 800px;*/
	}

	.clients .margin-title {
		margin-bottom: 10px;
	}

	.clients {
		/*background: #f1f1f1;*/
		padding: 30px 50px;
	}
}
@media screen and (max-width: 380px){
	.benefits .ornamentschool {
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	    position: absolute;
	    overflow: hidden;
	    left: 0px;
	    right: 0px;
	    width: 100%;
	    /*top: 850px;*/
	}
}
@media screen and (max-width: 320px){
	.benefits .ornamentschool {
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	    position: absolute;
	    overflow: hidden;
	    left: 0px;
	    right: 0px;
	    width: 100%;
	    /*top: 669px !important;*/
	}

	section#industry-header h1.section-title {
		text-align: center !important;
		font-size: 20px !important;
	}

	section#industry-header h2.section-content {
	    text-align: center !important;
	    margin-bottom: 140px !important;
	}
}

/*
section#testimonial-section .carousel-control-next{
	right: auto;
    margin-left: 30px;
}
section#testimonial-section .carousel-control-next, section#testimonial-section .carousel-control-prev{
	bottom: auto;
}
section#testimonial-section .carousel-control-next-icon, section#testimonial-section .carousel-control-prev-icon{
	width: 24px;
    height: 24px;
    background-color: #373D4B;
}
*/
.icon-hover:hover .icon-bottom, .icon-hover:hover .icon-bottom-industry {
	opacity: 0;
	    transition: all 0.9s;
  }
  /*
  .icon-hover:hover .icon-bottom-industry {
	transition: rippleDrop 2s linear;
  }
  */

.icon-hover:hover .icon-top, .icon-hover:hover .icon-top-industry {
opacity:1;
  font-family: 'Roboto-Bold';
  color: var(--white);
      transition: all 0.9s;
}

.icon-hover:hover .icon-top-industry {
	transition: rippleDrop 2s linear;
	color: var(--carrot-orange)
}

@keyframes rippleDrop {
  100% {
    transform: scale(2);
    opacity: 1;
  }
}

#fly{
	word-break: break-word;
/*	background-color: var(--carrot-orange); */
	right: 0;
	width: unset;
	bottom: 5vh;
/*	transform: scale(0.5); */
	display: flex;
	z-index: 9;
}
#fly i{
	font-size: 30px;
	color: var(--white);
}
#fly .fly-panel p{
	font-size: 18px;
	font-family: 'Roboto-RegularItalic';
	color: var(--white);
	display: none;
}
#fly .fly-panel {
	cursor: pointer;
	margin-top: 50px;
	padding: 3rem 0;
}
#fly .fly-panel .panel_button {
	background-color: var(--carrot-orange); 
}
#fly .fly-content {
	background-color: #fff;
	display: none; 
	align-items: center;
	overflow: hidden;
	height: 480px;
	padding: 0 30px;
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	box-shadow: 0 1px 5px rgba(0,0,0,0.3);
}
#fly .fly-content .fly_content-inner {
	display: flex;
	align-items: center;
	width: unset; 
	height: 100%;
}
#fly .fly-content .fly-box {
	max-width: 215px; 
	margin:auto;
}
#fly .fly-content .fly-box p {
	font-family: 'Roboto-Light';
	font-size: 16px;
	display: none;
}
#fly .fly-content .fly-box p.flyphone {
	display: block;
}
#fly .fly-content .fly-box h5 {
	font-size: 14px;
}

#fly .fly-content .fly_content-inner .fly-title {
	margin-top:20px;
}
#fly .fly-content .fly_content-inner .fly-unit {
	height:35%
}
#fly .fly-content .fly_content-inner .fly-footer {
	height:20%;
	margin:auto;
}
#fly .fly-content .fly_content-inner .fly-footer .fly-box {
	margin-top:10px;
}

.contact-detail {
	width: 410px;
}
.contact-detail h5 {
	color: var(--dark-tangerine);
	font-size: 18px;
	font-family: 'Roboto-Bold';
	text-align: left;
}
.contact-detail-description {
	text-align: left;
	display: flex;
}
.contact-detail-description i {
	color: var(--dark-tangerine);
	font-size: 18px;
	/*margin-right: 0.5rem;*/
}
.contact-detail-description i.fa-map-marker {
	margin-right: 18px;
}
.contact-detail-description i.fa-phone {
	margin-right: 13px;
}
.contact-detail-description i.fa-envelope {
	margin-right: 10px;
}
.contact-detail-description p {
	color: var(--white);
	font-size: 18px;
	font-family: 'Roboto-Light';
	display: block;
}
.main-tour{
	top: 0;
	bottom: 0;
}
.title-tour{
	font-size: 24px;
	color: var(--dark-tangerine);
	font-family: 'Roboto-Light'
}
.desc-tour{
	color: var(--white);
	font-family: 'Roboto-Light';
	font-size: 14px;
}
.box-tour{
	height: 100px;
	width: 100px;
	border: 1px solid var(--dim-grey);
}
.form-control{
	font-size: 12px;
}
.form-group{
	margin-bottom: 0.5rem;
}
.dropdown-menu {
	padding: .5rem;
}




/*css by ExecutiveDev & Ankur*/
.site-content #about {
	padding-top: 50px;
}

header.navi-transparent {
	position: absolute;
	left: 0;
	right: 0;
}
nav.navbar.navbar-expand-xl.navbar-light.bg-dark.fixed-top.px-lg-5.py-0.fixed-top.header-white {
    background: transparent !important;
}
section#main-banner, section#product-header {
    margin-top: -67px;
    /*height: 100vh;*/
    background: #2b2b29;
}
section.main-banner {
	background: #2b2b29;
}
section.main-banner .layer-industry{
	opacity: .2;
}
section#main-banner .fixed-content {
	top: 0; 
	bottom: 0;
	right: 0;
}
section#main-banner .normalizetext {
	text-align: center;
}
section#main-banner .normalizetext h1 span.text-thin {
	font-family: 'Roboto-Light';
	font-weight: 400;
}

.bg-transparent {
    background: transparent;
}
div#navbarSupportedContent{
	background: transparent ;
}
@media (min-width:769px) and (max-width:1199px){
    .navbar-nav{background-color:#222222 !important}
    div#navbarSupportedContent{background: #222222 !important ;}
}
.dropdown-menu {
    top: 67px important;
}
img.zoom {
	max-width: 100%; 
    height: auto;
    -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
  cursor: pointer;
}
 
.transition2 {
    -webkit-transform: scale(1.3); 
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}
.btn-warning:hover {
    border-color: #d39e00;
    background: #FFFFFF !important;
	color: #e0a800;
	
	-o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
}

.btn-outline-warning:hover{
	background-color: var(--alice-blue);
	color: var(--dark-tangerine);
    border-color: var(--carrot-orange);
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	/* ...and now for the proper property */
	transition:.5s;
}
section#product-section {
    margin-bottom: -27px;
}
.construction-erp .tab-content .nav-tabs .nav-link {
	border-left: 1px solid var(--white);
    border-top: 1px solid var(--white);
    border-right: 1px solid var(--white);
    border-bottom: 1px solid var(--white);
}
.Do-it-center {
		text-align: left;
	}
@media screen and (max-width: 768px){
	section#product-section {
	    margin-bottom: 0px;
	}

	section#main-banner .fixed-content {
		top: 0; 
		bottom: 0;
		right: 0;
		left: 0;
	}

	.text-yellow-white p.section-description.mb-5 {
		text-align: center;
	}

	#fly .fly-content {
		height: 420px;
	}

	#fly .fly-content .fly_content-inner .fly-unit {
		height: 15%;
	}
	#fly .fly-content .fly_content-inner .fly-title {
		margin-bottom: -60px;
	}
	.nav-tabs .nav-item {
		min-width: 100px;
	}
}

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

	.product-benefits {
		 /*background-image: unset !important;*/
	}
	.product-benefits-detail {
		text-align: center;
	}
	.product-benefits-detail-title h4 {
		text-align: center;
		margin: 0 auto;
	}
	section#product-benefits .product-benefits-details {
		text-align: center;
	}

}

@media screen and (max-width: 480px) {
	.nav-tabs .nav-item {
		min-width: 80px;
	}
}
/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
 @-webkit-keyframes fade-in {
	0% {
	  opacity: 0;
	}
	100% {
	  opacity: 1;
	}
  }
  @keyframes fade-in {
	0% {
	  opacity: 0;
	}
	100% {
	  opacity: 1;
	}
  }
  

img.zoom2 {
	max-width: 100%;
    height: auto;
    -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
}
 
.transition4 {
    -webkit-transform: scale(1.2); 
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.main-product {
    padding: 5rem 0 6rem 0rem !important;
}
.container.row.w-100.m-0.mt-5.justify-content-center.align-items-start {
    margin: auto !important;
}
section#solution .icon-content {
    display: contents;
}

section#solution .normalizesection {
	height: 480px;
}



@media screen and (max-width: 992px){
	section#solution .normalizesection {
		height: unset;
	}
}





/*css by Ankur End*/
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.4, .4, .4);
            transform: scale3d(.4, .4, .4);
  }

  50% {
    opacity: 0.5;
  }
  
  100% {
    opacity: 0;
  }
}

/*select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}*/

.select-custom:after{
	content:"\f078";   
    font-family: "FontAwesome";
    font-size: 18px;
    color: #aaa;
    -webkit-text-stroke: 1px background-color;
    right:16px; top:0; bottom: 0;
    display: flex;
    align-items: center;
    position:absolute;
    pointer-events:none;
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.4, .4, .4);
            transform: scale3d(.4, .4, .4);
  }

  50% {
    opacity: 0.5;
  }
  
  100% {
    opacity: 0;
  }
}

@media (min-width: 768px){
/*	.navbar {
		height: 82px;
	} 
	.navbar-nav{
		height: auto;
		overflow: unset;
	}
	.navbar-nav .active.show > .nav-link::before, .navbar-nav .show > .nav-link::before{
	  content: "";
	  border: none;
	  position: absolute;
	  bottom: -32px;
	  left: 0;
	  right: 0;
	  margin: 0 auto;
  	  width: 0;
	  height: 0;
	  border-left: 4px solid transparent;
	  border-right: 4px solid transparent;
	  border-top: 6px solid var(--dark-tangerine);
	  z-index: 10000;
	}
	.navbar-nav .show > .nav-link::after{
	  content: "";
	  border: none;
	  border-bottom: 3px solid var(--dark-tangerine);
	  position: absolute;
	  width: 100%;
	  bottom: -26.5px;
	  left: 0;
	  right: 0;
	  margin: 0 auto;
	}
	.dropdown-menu {
		top: 67.7px; 
		margin: 0;
		display: block;
		left: auto;
		-webkit-transform-origin: top;
		transform-origin: top;
		-webkit-animation-fill-mode: forwards;  
		animation-fill-mode: forwards; 
    transition: all ease 0.3s;
    visibility: hidden;
    opacity: 0;
	}
	.show > .dropdown-menu {
    visibility: visible;
		opacity: 1;
	} */
	.form-control{
		font-size: 1rem;
	}
	.form-group{
		margin-bottom: 1rem;
	}
	.logo{
		width: auto;
	}
	.title{
		font-size: 61.85px;
	}
	.title-yellow{
		font-size: 76.3px;
		line-height: 40px;
	}
	.title-tour{
		font-size: 42px;
	}
	.section-title{
		font-size: 36px;
	}
	.section-content{
		font-size: 18px;
	}
	.desc-tour{
		font-size: 18px;
	}
	.box-tour{
		height: 160px;
		width: 160px;
	}
	.btn-link, .icon-bottom, .icon-top {
		font-size: 20px;
	}
	.btn-link i{
		font-size: 42px;
	}
	.icon-industry{
		font-size: 18px;
	}
	.icon-text{
		font-size: 20px;
		padding: 0 20px;
		height: 70px;
	}
	.icon-content{
		font-size: 16px;
		display: flex;
		align-items: self-start;
		height: 100%;
	}
	.content-slide{
		font-size: 16px;
		line-height: 34px;
	}
	.person{
		font-size: 20px;
	}
	.jabatan{
		font-size: 18px;
	}
	#fly{
/*		right: 5px; */
		right: 0;
		bottom: 10vh;
		transform: scale(1);
		width: max-content;	
	}
	#fly .fly-content .fly-box h5 {
		font-size: 1.25rem;
	}
	#fly .fly-content .fly_content-inner{
		width: max-content;
	}
}
@media(min-width: 992px) {
	#fly .fly-panel p, #fly .fly-content .fly-box p {
		display: block;
	}
	
}
@media (min-width: 1024px){
	.col-slice-5{
		-ms-flex: 0 0 33.33%;
		flex: 0 0 33.33%;
		max-width: 33.33%;
	}
	.main-tour{
		left: 160px;
		right: 49.5vw;
	}
	.menu-dropdown{
		width: max-content;
	}
}
.show > .dropdown-menu-custom.dropdown-menu {
  display: block;
  max-height: 900px;
  visibility: visible;
  opacity: 1;
} 
.dropdown-menu-custom.dropdown-menu {
  display: block;
  max-height: 0;
  visibility: hidden;
  transition: all 0.25s ease-in-out;
  overflow: visible;
  opacity: 0;
}
/*.navbar-nav li:hover > ul.dropdown-menu-custom.dropdown-menu {
  display: block;
  visibility: visible;
  max-height: 900px;
  opacity: 1;
}*/
/*.navbar-nav li:hover > ul.dropdown-menu-custom.dropdown-menu {
  display: block;
  visibility: visible;
  max-height: 900px;
  opacity: 1;
}*/
.dropdown-submenu {
  position:relative;
}
.dropdown-submenu>.dropdown-menu-custom.dropdown-menu {
  top:0;
  left:100%;
  margin-top:-6px;
}
.dropdown-menu-custom.dropdown-menu > li > a:hover:after {
  text-decoration: underline;
  transform: rotate(-90deg);
} 
.dropdown-menu-custom{
	margin-top: 0;
	background-color: var(--jaguar);
	border-radius: 0;
	overflow: visible;
	top: calc(100% - 1px);
	left: -1px;
}
.dropdown-menu-custom .dropdown-item{
	padding: 0;
}
.dropdown-item-submenu{
	padding: 1rem 3rem;
	display: flex;
	align-items: center;
	background-color: var(--jaguar);
	border-top: 1px solid var(--grey);
	border-bottom: 1px solid var(--grey);
	border-right: 1px solid var(--grey);
	transition: all .25s ease;
}
.dropdown-item-submenu h5{
	transition: all .25s ease;
}
.dropdown-item-submenu:hover{
	border-bottom: 3px solid var(--dark-tangerine);
	position: relative;
}
.dropdown-item-submenu:after{
	content: '';
	transition: all .5s ease;
	opacity: 0;
	border-left: solid 10px rgba(0,0,0,.0);
  border-right: solid 10px rgba(0,0,0,.0);
}
.dropdown-item-submenu:hover:after{
	content: '';
	opacity: 1;
  width: 20px;
  height: 10px;
  border-top: solid 10px var(--dark-tangerine);
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  position: absolute;
  bottom: -13px;
  left: 50%;
	opacity: 1;
}
.dropdown-item-submenu:hover h5{
	color: var(--dark-tangerine)
}
.dropdown-item-submenu.active{
	border-bottom: 3px solid var(--dark-tangerine);
	position: relative;
}
.dropdown-item-submenu.active h5{
	color: var(--dark-tangerine);
  font-size: 1.25rem;
}
.dropdown-item-submenu.active:after{
	content: '';
  width: 20px;
  height: 10px;
  border-top: solid 10px var(--dark-tangerine);
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  position: absolute;
  bottom: -13px;
  left: 50%;
  opacity: 1;
}
.dropdown-item-submenu:last-child{
	border-right-width: 0;
}
.dropdown-item-submenu img{
	width: 35px;
	height: 35px;
	margin-right: 1rem;
}
.dropdown-item-submenu h5{
	color: #fff;
	margin-bottom: 0;

}
.section-subtitle{
  font-family: 'Roboto-bold';
  font-size: 1.25rem;
  margin-bottom: 1rem;
}
.px-30px{
  padding-right: 30px;
  padding-left: 30px;
}
.page-gap-bottom{
  margin-bottom: 6rem;
}
.dropdown .dropdown-title{
  color: #fff;
  text-align: center;
  border-bottom: 1px solid var(--carrot-orange);
  margin-bottom: 1rem;
}
.nav-item.dropdown{
  display: flex;
  justify-content: center;
}
.section-spacing{
  margin-bottom: 6rem;
}
.form-control{
  height: calc(1.5em + 1em + 2px);
  border: 1px solid transparent !important;
}

.contact-form-container form {
	max-width: 480px;
}

.contact-form-container .hbspt-form {
	max-width: 480px;
	background-color: #fff;
    padding: 20px;
    border-radius: 5px;
}
.forcewhiteform .hbspt-form {
	background-color: var(--black-rusian)!important;
}
.product-form .hbspt-form {
	background: transparent;
	padding-left: 0px;
}

.col-2 {
	max-width: 19.666667% !important;
}

.erp-banner {
	margin-top: 17px !important;
}
.wfh-banner {
	margin-top: 35px !important;
}
.ujungpanah {
	margin-top: 200px;
}
.squaresixbox {
	margin-top: 275px;
}
.squareeightbox {
	margin-top: 275px;
}

.erp-banner .pl-lg-5.col-md-5 {
    padding-left: 0rem !important;
}

@media(min-width: 1200px) {
	.navbar {
		height: 92px;
	}
	.navbar-nav{
		height: auto;
		overflow: unset;
		padding: 0;
	}
	.navbar-collapse {
		background-color: var(--jaguar);
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}
	.navbar-nav .nav-item.nav_mega {
		display: flex;
	}
	.navbar-nav .nav-item.nav_mega .dropdown-menu > div {
		width: max-content;
	}
	.navbar-nav .nav-link {
		padding: .5rem 1rem;
	}
	.navbar-nav .active.show > .nav-link::before, .navbar-nav .show > .nav-link::before{
		content: "";
		border: none;
		position: absolute;
		bottom: -30px;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 0;
		height: 0;
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
		border-top: 6px solid var(--dark-tangerine);
		z-index: 10000;
	}
	.navbar-nav .show > .nav-link::after{
		content: "";
		border: none;
		border-bottom: 3px solid var(--dark-tangerine);
		position: absolute;
		width: 100%;
		bottom: -24.5px;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	.dropdown-menu {
		top: 66.7px; 
		margin: 0;
		display: block;
		left: auto;
		-webkit-transform-origin: top;
		transform-origin: top;
		-webkit-animation-fill-mode: forwards;  
		animation-fill-mode: forwards; 
		transition: all ease 0.3s;
		visibility: hidden;
		opacity: 0;
	}
	.show > .dropdown-menu {
		visibility: visible;
		opacity: 1;
	}
	.navbar-expand-xl .navbar-nav .nav-item {
		margin-left: 0.5rem;
		margin-right: 0.5rem;
	}
	.navbar-expand-xl .navbar-nav .nav-item.lang-switcher {
		position: relative;
	}
	.navbar-expand-xl .navbar-nav .nav-item.nav_mega {
		justify-content: center;
	}
	.dropdown-menu .border-right {
		border-color: var(--zambezi) !important;
	}		
	.dropdown-menu h5 {
		text-align: center;
	}
	.navbar-nav .nav-item {
		border: none;
	}
	.navbar-nav .nav-item > span {
		display: none;
		visibility: hidden;
	}
	.lang-switcher .dropdown-menu {
		width: 200px;
	}
}
@media(min-width: 1366px) {
	.navbar-expand-xl .navbar-nav .nav-item {
		margin-left: 1rem;
		margin-right: 1rem;
	}
}
@media(min-width: 1600px) {
	.navbar-expand-xl .navbar-nav .nav-item {
		margin-left: 1.5rem;
		margin-right: 1.5rem;
	}
	.col-slice-5 {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
}

@media screen and(max-width: 992px){
	.ujungpanahbox {
		margin-left: 0px!important;
	}
	.ujungpanah {
		margin-top: 0px!important;
    	margin-bottom: 60px;
	}
}

@media (min-width: 320px) and (max-width: 769px) {
  
	div#navbarSupportedContent {
	    background: #222222 !important;
	}
	nav.navbar.navbar-expand-xl.navbar-light.bg-dark.fixed-top.px-lg-5.py-0.fixed-top.header-white {
	    background: #222222 !important;
	}
	section#main-banner {
	    margin-top: 17px;
	    height: auto;
	}
	.navbar-light .navbar-toggler {
    color: rgba(255, 255, 255, 0.9);
    border-color: rgba(255, 255, 255, 0.9);
	}
  
}
@media (min-width: 320px) and (max-width: 769px) {
  
	section#main-banner {
	    margin-top: 17px;
	    height: auto;
	}
	.navbar-light .navbar-toggler {
    color: rgba(255, 255, 255, 0.9);
    border-color: rgba(255, 255, 255, 0.9);
	}
	  .title-yellow {
	    font-size: 32px;
	    line-height: 22px;
	}
	.title {
    font-size: 27.5px;
	}
	.tagline {
    font-size: 14px;
	}
	.arrow-container {
	display: none;
	}
	
	section#building-future .mb-3 {
		margin: 0 auto;
	}
	section#building-future .col-lg-8.pl-lg-5.pr-lg-2 {
    padding: 20px 20px 0px 20px;
	}
	section#building-future .col-12.text-center.text-lg-left.px-lg-5 {
    padding: 10px 0px 15px 0px;
	}
	.logo-featured {
    width: 123px;
    height: 120px;
    padding: 8px 10px;
	}

}

@media screen and (max-width: 768px){
	section.building-future {
    	margin-top: -8px;
    	height: 1115px;
    	text-align: center;
	}
	section.building-future p.section-content {
		position: relative;
		right: -40px;
	}
	#contact-form .contact-form-wrapper {
		display: none;
	}

	#main-banner .arrow-button {
		display: none !important;
	}

	p.section-content.mx-auto {
		font-size: 16px;
	}
	#partners-benefit {
		height: 680px !important;
	}
}

@media screen and (max-width: 680px){
	#partners-benefit {
		height: 700px !important;
	}
	/*#featured-client h1.section-title {
		margin-top: 90px;
	}*/
}

@media screen and (max-width: 480px){
	section.building-future {
    	margin-top: -8px;
    	height: 1380px !important;
    	text-align: center;
	}
	#partners-benefit {
		height: 800px !important;
	}
	/*#featured-client h1.section-title {
		margin-top: 90px;
	}*/
}

@media screen and (max-width: 360px){
	section.building-future {
    	margin-top: -8px;
    	height: 1450px !important;
    	text-align: center;
	}
	/*#partners-benefit {
		height: 1000px !important;
	}*/
}

@media (min-width: 992px){
	.mb-lg-5, .my-lg-5 {
	     margin-bottom: 0rem!important; 
	}
	.mt-lg-5, .my-lg-5 {
	     margin-top: 0rem!important; 
	}
}

.slide-in-left {
	-webkit-animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.slide-in-left-delay {
	-webkit-animation: slide-in-left 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-left 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.slide-in-right {
	-webkit-animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.slide-in-right-delay {
	-webkit-animation: slide-in-right 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-right 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-12-10 11:9:39
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-left
 * ----------------------------------------
 */
 @-webkit-keyframes slide-in-left {
	0% {
	  -webkit-transform: translateX(-1000px);
			  transform: translateX(-1000px);
	  opacity: 0;
	}
	100% {
	  -webkit-transform: translateX(0);
			  transform: translateX(0);
	  opacity: 1;
	}
  }
  @keyframes slide-in-left {
	0% {
	  -webkit-transform: translateX(-1000px);
			  transform: translateX(-1000px);
	  opacity: 0;
	}
	100% {
	  -webkit-transform: translateX(0);
			  transform: translateX(0);
	  opacity: 1;
	}
  }

  /* ----------------------------------------------
 * Generated by Animista on 2019-12-18 15:48:7
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-right
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

  
  .fade-in-bottom {
	-webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.fade-in-top {
	-webkit-animation: fade-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: fade-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
  /* ----------------------------------------------
 * Generated by Animista on 2019-12-10 15:32:41
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in-bottom
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-bottom {
	0% {
	  -webkit-transform: translateY(50px);
			  transform: translateY(50px);
	  opacity: 0;
	}
	100% {
	  -webkit-transform: translateY(0);
			  transform: translateY(0);
	  opacity: 1;
	}
  }
  @keyframes fade-in-bottom {
	0% {
	  -webkit-transform: translateY(50px);
			  transform: translateY(50px);
	  opacity: 0;
	}
	100% {
	  -webkit-transform: translateY(0);
			  transform: translateY(0);
	  opacity: 1;
	}
  }


  @-webkit-keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}


  
  @media (min-width: 992px){
  .pt-lg-5, .py-lg-5, .px-lg-0 {
	  padding-top: 1rem!important;
  }
}

.dropdown-item.active{
	color: var(--carrot-orange);
	background-color: transparent;
}

.fade-in-right {
	-webkit-animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-12-12 18:3:58
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in-right
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

/*========
           Responsive css by Ankur
                                  ========= */
@media (min-width: 1281px) {

	  .product-benefits {
	    max-width: 100% !important;
		}
}

@media screen and (max-width: 768px) {
	section#industry-header h1.section-title {
		text-align: center !important;
		font-size: 32px !important;
		margin-top: 40px;
	}
	section#industry-header h2.section-content{
		text-align: center !important;
		font-size: 18px;
	}

	table.py-5.my-5.inner-tabel td.border-bottom.description-table img {
		width: 28px !important;
	}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
  
}
@media (min-width: 1023px) and (max-width: 1024px) {
	.icon-text {
	    font-size: 15px;
	    padding: 0 0px;
	    height: 71px;
	}
	.icon-content {
    font-size: 13px;
	}
}
@media (min-width: 768px) and (max-width: 769px) {

	section#industry-served .col-2 {
	    max-width: 24.666667% !important;
	    flex: 0 0 24.666667% !important;
	    margin-bottom: 22px !important;
	}
	.section-title {
    		font-size: 36px;
    		text-align: center;
		width: 100% !important;
	}
	.section-content {
    font-size: 18px;
    text-align: center;
	}
	section#why-choose-us .col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 50% !important;
    max-width: 50% !important;
	}
	section#why-choose-us .margin-top {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
    padding: 0 15px;
	}
	section#testimonial-section img.img-fluid {
    max-width: 25%;
    height: auto;
	}
	.carousel-control-prev {
    left: -50px;
	}
	.carousel-control-next {
	    right: -50px;
	}
	section#product-section .col-lg-6.px-0 {
    text-align: center;
	}

	section#industry-header h1.section-title {
    	font-size: 25px;
    	text-align: center;
	}
	section#industry-header h2.section-content{
		text-align: center;
	}



	.navbar-light .navbar-toggler-icon {
		background-image: url("../../assets/images/burger-menu.svg")!important;
	}
			p.section-content.mx-auto {
	    width: 100% !important;
	}

}


@media (min-width: 481px) and (max-width: 767px) {
  
	nav.navbar.navbar-expand-xl.navbar-light.fixed-top.px-lg-5.py-0 {
	    background-color: #212529;
	}
	.navbar-light .navbar-toggler-icon {
    	background-image: url("../../assets/images/burger-menu.svg")!important;
	}
	.position-absolute.d-flex.align-items-center.px-2.px-lg-5 {
    	top: 0px !important;
    	text-align: center;
	}
	section#building-future .col-12.text-center.text-lg-left.px-lg-5 {
    padding: 10px 0px 15px 0px;
    margin-top: 0px !important;		
	}
	.clearfix {
    clear: both !important;
		}
	section#industry-served .col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 25%;
    max-width: 25% !important;
	}
	img.zoom2 {
    width: 50% !important;
	}
		section#industry-served .col-2 {
	    -ms-flex: 0 0 16.666667%;
	    flex: 0 0 32%;
	    max-width: 32% !important;
	}
	section#why-choose-us .col-2 {
    flex: 0 0 50.666667% !important;
    max-width: 50.666667% !important;
	}
	section#why-choose-us .margin-top {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    padding: 0 15px;
	}
	section#why-choose-us .col-2 {
    flex: 0 0 96.666667% !important;
    max-width: 96.666667% !important;
	}
	section#why-choose-us .icon-text {
    max-height: 50px;
	}
	section#why-choose-us .row.d-flex.align-items-between.justify-content-center.m-0 {
    height: auto !important;
	}
	section#why-choose-us p.m-0.icon-content {
		font-size: 14px;
    	padding-top: 20px;
	}
	section#blog-section .mask-hover {
    height: 60%;
	}
	.carousel-control-prev {
    left: -15px;
	}
	.carousel-control-next {
    right: -15px;
	}

	section#industry-header h1.section-title {
    font-size: 25px;
	}
	section#industry-header p.section-content {
	    font-size: 13px;
	    margin: 0px !important;
	    font-weight: 800;
	}
	.industry-header, .other-product {
	    background-position: unset !important;
	    background-size: contain !important;
	    height: auto !important;
	}
	section#industry-header {
    margin-top: 17px;
	}
	section#industry-header h1.section-title {
    font-size: 20px;
    letter-spacing: 0;
    text-align: center;
	}
	section#industry-header h2.section-content{
		text-align: center;
	}
	.btn-warning {
    padding: .5rem .5rem;
    font-size: 12px;
    line-height: 1.5;
    margin-top: 20px;
	}
	.other-product-content .btn-warning {
		font-size: 18px;
	}
	.btn-outline-warning {
    padding: .5rem .5rem;
    font-size: 12px;
    line-height: 1.5;
    margin-top: 4px;
	}
		section#product-benefits .product-benefits-details {
    padding-top: 20px;
    padding-bottom: 20px;
	}
	.nav-tabs .nav-link .nav-images-icon {
    width: 25px;
    height: 25px;
	}
	section#construction-erp .nav-tabs .nav-link p {
    font-size: 11px;
	}
	section#construction-erp .tab-content-description {
    padding: 1rem;
	}
		section#product-benefits .product-benefits-thumbnail {
    padding-top: 0px;
	}
	section#hashmicro-choice .row.d-flex.justify-content-center.m-0 .col-10.px-0 {
    overflow-x: scroll;
	}
		.title {
    font-size: 20px !important;
	}
	.bg-banner, .bg-banner-partner, .bg-banner-erp {
	    margin-top:0px;
		height: calc(58vh - 65px);
	    background-position: center;
	    background-size: cover;
	}
	.thankyoubanner {
	    height: calc(100vh - 65px) !important;
	    background-position: center;
	    background-size: cover;
	}
	.comparison-banner {
		height: calc(60vh - 65px);
	    background-position: center;
	    background-size: cover;
	    background-image: unset!important;
	    background-image: url(../images/comparisonsfull.jpg) !important;
	    opacity: 1!important;
	}
	.comparison2-banner {
		height: calc(60vh - 65px);
	    background-position: center;
	    background-size: cover;
	    background-image: unset!important;
	    background: #000;
	    opacity: 1!important;
	}

	.blackinwhite h1.title, .blackinwhite p {
		color: #000 !important;
	}
	.whiteinblack h1.title, .whiteinblack p {
		color: #fff !important;
	}
	.bg-banner-erp{
		opacity: .4;
	}
	p.m-0.pr-lg-5.py-5 {
    font-size: 14px !important;
    padding: 0px !important;
	}
	th.p-3 {
    padding: 3px !important;
    padding-top: 0px !important;
	}
	.description-table {
    padding: 10px 8px !important;
	}
	.fitur-table, .description-table {
    font-size: 12px !important;
	}
	section#hashmicro-choice .col-10 {
    flex: 0 0 100%;
    max-width: 100%;
	}
	th.p-3 {
    padding: 3px !important;
    padding-top: 10px !important;
    font-size: 14px;
    padding-bottom: 10px !important;
	}
	.contact-form-detail {
    margin-top: 200% !important;
	}
	.integration-border:after {
    border-right: 290px solid var(--jaguar);
    border-top: 269px solid transparent;
	}
	.integration-border:before {
    border-left: 320px solid var(--jaguar);
    border-bottom: 270px solid transparent;
	}
		p.section-content.mx-auto {
	    width: 100% !important;
	}
	.section-title {
    	font-size: 28px;
    	letter-spacing: 0px;
    	
	}
	#building-future h1.section-title {
		margin-bottom: 40px;
	}
	#building-future .line-sm::after, 
	#building-future  .line-left::after {
		margin: 0 auto !important;
	}
	#tour h1.section-title.mb-4 {
		margin-left: unset;
	}
	h1.section-title.mb-4 {
    	margin-left: 30px;
	}

	.underline {
		margin-bottom: 2rem !important; 
	}

}

@media (min-width: 320px) and (max-width: 480px) {
  
	nav.navbar.navbar-expand-xl.navbar-light.fixed-top.px-lg-5.py-0 {
	    background-color: #212529;
	}
	.navbar-light .navbar-toggler-icon {
	background-image: url("../../assets/images/burger-menu.svg")!important;
	}
	.position-absolute.d-flex.align-items-center.px-2.px-lg-5 {
		top: 0px !important;
		text-align: center;
	}
	section#building-future .col-12.text-center.text-lg-left.px-lg-5 {
    padding: 10px 0px 15px 0px;
    margin-top: 0px !important;		
	}
	.clearfix {
    clear: both !important;
		}
	section#industry-served .col-2 {
	    -ms-flex: 0 0 16.666667%;
	    flex: 0 0 32%;
	    max-width: 32% !important;
	}
	img.zoom2 {
    width: 50% !important;
	}
	section#industry-served .margin-top {
    margin-top: 11px !important;
		}
		section#industry-served p.m-0 {
    font-size: 13px;
		}
		section#why-choose-us .col-2 {
    flex: 0 0 50.666667% !important;
    max-width: 50.666667% !important;
	}
	section#why-choose-us .margin-top {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    padding: 0 15px;
	}
	section#why-choose-us .col-2 {
    flex: 0 0 96.666667% !important;
    max-width: 96.666667% !important;
	}
	section#why-choose-us .icon-text {
    max-height: 50px;
	}
	 section#why-choose-us .row.d-flex.align-items-between.justify-content-center.m-0 {
    height: auto !important;
	}
	section#why-choose-us p.m-0.icon-content {
		font-size: 14px;
    	padding-top: 20px;
	}
	section#blog-section .mask-hover {
    height: 60%;
	}
	.carousel-control-prev {
    left: -15px;
	}
	.carousel-control-next {
    right: -15px;
	}
	section#industry-header h1.section-title {
    font-size: 25px;
	}
	section#industry-header p.section-content {
	    font-size: 13px;
	    margin: 0px !important;
	    font-weight: 800;
	}
	.industry-header, .other-product {
	    background-position: unset !important;
	    background-size: contain !important;
	    height: auto !important;
	}

	section#industry-header h1.section-title {
    font-size: 20px;
    letter-spacing: 0;
    text-align: center;
	}

	section#industry-header h2.section-content{
		text-align: center;
	}

		section#industry-header {
    margin-top: 17px;
	}
		.btn-warning {
    padding: .5rem .5rem;
    font-size: 12px;
    line-height: 1.5;
    margin-top: 4px;
	}
		.btn-outline-warning {
    padding: .5rem .5rem;
    font-size: 12px;
    line-height: 1.5;
    margin-top: 4px;
	}
	
	section#product-benefits .product-benefits-details {
    padding-top: 20px;
    padding-bottom: 20px;
	}
	.nav-tabs .nav-link .nav-images-icon {
    width: 25px;
    height: 25px;
	}
	section#construction-erp .nav-tabs .nav-link p {
    font-size: 11px;
	}
	section#construction-erp .tab-content-description {
    padding: 1rem;
	}
	section#product-benefits .product-benefits-thumbnail {
    padding-top: 0px;
	}
	section#hashmicro-choice .row.d-flex.justify-content-center.m-0 .col-10.px-0 {
    overflow-x: scroll;
	}
	.title {
    font-size: 20px !important;
	}
	.bg-banner, .bg-banner-partner, .bg-banner-erp {
	    height: calc(48vh - 65px);
	    background-position: center;
	    background-size: cover;
	}
	.thankyoubanner {
	    height: calc(100vh - 65px) !important;
	    background-position: center;
	    background-size: cover;
	}
	.comparison-banner {
		height: calc(75vh - 65px);
	    background-position: center;
	    background-size: cover;
	    background-image: unset!important;
	    background-image: url(../images/comparisonsfull.jpg) !important;
	    opacity: 1!important;
	}
	.comparison2-banner {
		height: calc(90vh - 65px);
	    background-position: center;
	    background-size: cover;
	    background-image: unset!important;
	    background: #000;
	    opacity: 1!important;
	}
	.blackinwhite h1.title, .blackinwhite p {
		color: #000 !important;
	}
	.whiteinblack h1.title, .whiteinblack p {
		color: #fff !important;
	}
	.bg-banner-erp{
		opacity: .4;
	}
	p.m-0.pr-lg-5.py-5 {
    font-size: 14px !important;
    padding: 0px !important;
	}
	th.p-3 {
    padding: 3px !important;
    padding-top: 0px !important;
	}
	.description-table {
    padding: 10px 8px !important;
	}
	.fitur-table, .description-table {
    font-size: 12px !important;
	}
	section#hashmicro-choice .col-10 {
    flex: 0 0 100%;
    max-width: 100%;
	}
	th.p-3 {
    padding: 3px !important;
    padding-top: 10px !important;
    font-size: 14px;
    padding-bottom: 10px !important;
	}
		.contact-form-detail {
    margin-top: 200% !important;
	}
		p.section-content.mx-auto {
	    width: 100% !important;
	}
	.section-title {
    font-size: 24px;
    letter-spacing: 0px;
    margin-top:1rem;
	width: 100%;
	}
	#tour h1.section-title.mb-4 {
		margin-left: unset;
	}
	h1.section-title.mb-4 {
    	margin-left: 30px;
	}

	.underline {
		margin-bottom: 2rem !important; 
	}

	#building-future h1.section-title {
		margin-bottom: 40px;
	}
	#building-future .line-sm::after, 
	#building-future  .line-left::after {
		margin: 0 auto !important;
	}
}


@media (min-width: 300px) and (max-width: 320px) {
	.integration-border:before {
    height: 0;
    width: 0;
    border-left: 280px solid var(--jaguar);
    border-bottom: 270px solid transparent;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
	}
	.integration-border:after {
    height: 0;
    width: 0;
    border-right: 281px solid var(--jaguar);
    border-top: 272px solid transparent;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
	}

}


#fly {
    top: 30%;
}


@media (min-width: 1900px) and (max-width: 2000px) {

	#fly {
    top: 30%;
	}

}

@media (min-width: 1400px) and (max-width: 1600px) {

	#fly {
    top: 28%;
	}

}

@media (min-width: 1200px) and (max-width: 1399px) {

	#fly {
	    top: 18%;
	}

}

div#home {
    background: #fff;
}
div#profile {
    background: #fff;
}
div#messages {
    background: #fff;
}
div#settings {
    background: #fff;
}



@media (max-width: 1000px) {

	#building-future-image{
	    display:none;
	}
#mproductbanner{
display:none;
}

}